@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@font-face {
  font-family: 'Optima';
  src: url("//graftobian.com/cdn/shop/files/ptima-Bold.eot?v=23885");
    src: url("//graftobian.com/cdn/shop/files/Optima-Bold.eot?%23iefix&v=23885") format("embedded-opentype"), url("//graftobian.com/cdn/shop/files/Optima-Bold.woff?v=9535566732858088582") format("woff"), url("//graftobian.com/cdn/shop/files/Optima-Bold.ttf?v=3295237011936884351") format("truetype"), url("//graftobian.com/cdn/shop/files/Optima-Bold.svg%23Optima-Bold?v=23885") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Optima';
  src: url("//graftobian.com/cdn/shop/files/Optima-Regular.eot?v=4539393106519708722");
  src: url("//graftobian.com/cdn/shop/files/Optima-Regular.eot?%23iefix&v=23885") format("embedded-opentype"), url("//graftobian.com/cdn/shop/files/Optima-Regular.woff?v=7674465642215756700") format("woff"), url("//graftobian.com/cdn/shop/files/Optima-Regular.ttf?v=2960428482184244725") format("truetype"), url("//graftobian.com/cdn/shop/files/Optima-Regular.svg%23Optima-Regular?v=23885") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/* =============== Media Queries =============== */
/* text color */
.text-dark {
  color: #000000; }

.text-light {
  color: #ffffff; }

.text-red {
  color: #231f20; }

.bg-grey {
  background-color: #f4f4f4; }

.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

.material-icons.md-50 {
  font-size: 50px; }

.title {
  font-size: 52px;
  line-height: normal;
  font-weight: 400;
  color: #231f20;
  font-family: "Optima"; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .title {
      font-size: 2.708vw; } }
  @media only screen and (max-width: 767px) {
    .title {
      font-size: 64px;
      line-height: normal; } }
  @media only screen and (max-width: 575px) {
    .title {
      font-size: 32px; } }
  .title--large {
    font-size: 60px;
    line-height: 70px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .title--large {
        font-size: 3.158vw;
        line-height: 3.684vw; } }
    @media only screen and (max-width: 991px) {
      .title--large {
        font-size: 60px;
        line-height: normal; } }
    @media only screen and (max-width: 767px) {
      .title--large {
        font-size: 40px; } }
    @media only screen and (max-width: 575px) {
      .title--large {
        font-size: 32px; } }
  .title--medium {
    font-size: 46px;
    line-height: normal;
    color: #ffffff;
    font-family: "Optima"; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .title--medium {
        font-size: 2.396vw; } }
    @media only screen and (max-width: 991px) {
      .title--medium {
        font-size: 40px;
        line-height: normal; } }
    @media only screen and (max-width: 767px) {
      .title--medium {
        font-size: 36px;
        line-height: normal; } }
    @media only screen and (max-width: 575px) {
      .title--medium {
        font-size: 28px; } }
  .title--normal {
    font-size: 29px;
    color: #231f20;
    font-family: "Optima";
    line-height: normal;
    font-weight: 400; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .title--normal {
        font-size: 1.510vw; } }
    @media only screen and (max-width: 767px) {
      .title--normal {
        font-size: 22px; } }
  .title--small {
    font-size: 24px;
    color: #231f20;
    font-family: "Optima";
    line-height: normal;
    font-weight: normal; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .title--small {
        font-size: 1.250vw; } }
    @media only screen and (max-width: 575px) {
      .title--small {
        font-size: 22px; } }
  .title--extra-small {
    font-size: 20px;
    color: #211d1e;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    line-height: normal; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .title--extra-small {
        font-size: 1.250vw; } }

.subtitle {
  font-size: 30px;
  line-height: normal;
  color: #231f20;
  font-family: "Optima"; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .subtitle {
      font-size: 1.579vw; } }
  @media only screen and (max-width: 767px) {
    .subtitle {
      font-size: 24px; } }

* {
  box-sizing: border-box; }

body, html {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.4;
  color: #000000;
  font-family: "Open Sans", sans-serif; }

p {
  margin-top: 0; }

.container-medium {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  width: 100%; }
  @media only screen and (min-width: 1921px) {
    .container-medium {
      max-width: 1640px; } }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .container-medium {
      max-width: 85.417vw;
      padding: 0 1.042vw; } }
  @media only screen and (max-width: 767px) {
    .container-medium {
      padding: 0 20px; } }

.container-fluid {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0; }

p {
  font-family: "Open Sans", sans-serif; }
  p:last-child {
    margin-bottom: 0; }

a, button {
  color: #231f20;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out; }
  a:hover, button:hover {
    text-decoration: none; }

.bg-mask {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important; }

.back-to-top {
  right: 20px;
  width: 30px;
  bottom: 20px;
  height: 30px;
  z-index: 999;
  display: none;
  position: fixed;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  background-color: #f5f0e9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  .back-to-top span {
    line-height: 30px; }
  .back-to-top--show {
    display: block; }

figure {
  margin-bottom: 0; }

.swipe-see-more {
  text-align: center;
  font-size: 22px;
  color: #ff005a;
  font-weight: bold;
  display: none; }
  @media only screen and (max-width: 767px) {
    .swipe-see-more {
      display: block; } }

.custom-btn {
  font-size: 22px;
  color: #ffffff;
  font-family: 'Filson Pro';
  font-weight: bold;
  background-color: #6fc31c;
  display: block;
  position: fixed;
  width: 100%;
  bottom: 0;
  border-radius: 0;
  z-index: 999999;
  text-align: center;
  text-transform: uppercase;
  padding: 15px 0;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .custom-btn {
      display: none !important; } }
  .custom-btn:focus {
    color: #ffffff; }

.font-bold {
  font-weight: bold !important; }

@media only screen and (max-width: 767px) {
  .c-mb-5 {
    margin-bottom: 40px; } }

.cd-mb-5 {
  margin-bottom: 58px !important; }

@media only screen and (max-width: 767px) {
  .box.m-0.cd-mb-5 {
    margin-bottom: 40px !important; } }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.form__group {
  margin-bottom: 25px; }
.form__input {
  width: 100%;
  height: 50px;
  display: block;
  font-size: 16px;
  padding: 8px 15px;
  border-radius: 5px;
  font-family: "Open Sans", sans-serif;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }
  .form__input.placeholder {
    color: #221e20; }
  .form__input:-moz-placeholder {
    color: #221e20; }
  .form__input::-moz-placeholder {
    color: #221e20; }
  .form__input:-ms-input-placeholder {
    color: #221e20; }
  .form__input::-webkit-input-placeholder {
    color: #221e20; }
  .form__input:focus {
    outline: none;
    border: 1px solid #a1a1a1;
    box-shadow: 0 0 10px rgba(161, 161, 161, 0.2); }
.form__textarea {
  width: 100%;
  display: block;
  font-size: 16px;
  padding: 8px 15px;
  border-radius: 5px;
  font-family: "Open Sans", sans-serif;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }
  .form__textarea.placeholder {
    color: #221e20; }
  .form__textarea:-moz-placeholder {
    color: #221e20; }
  .form__textarea::-moz-placeholder {
    color: #221e20; }
  .form__textarea:-ms-input-placeholder {
    color: #221e20; }
  .form__textarea::-webkit-input-placeholder {
    color: #221e20; }
  .form__textarea:focus {
    outline: none;
    border: 1px solid #a1a1a1;
    box-shadow: 0 0 10px rgba(161, 161, 161, 0.2); }
.form__select--accent {
  width: 100%;
  height: 50px;
  font-size: 16px;
  appearance: none;
  padding: 8px 20px;
  border-radius: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #dff6ff;
  background-color: #ffffff;
  background-image: linear-gradient(to right, #dff6ff, #dff6ff), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23221f20'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
  background-position: calc(100% - 50px) 50%, calc(100% - 15px) 50%;
  background-size: 1px,24px;
  background-repeat: no-repeat; }

.error {
  color: #ff0000; }

.counter {
  overflow: hidden;
  border-radius: 5px;
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #ded6ca; }
  .counter__output {
    width: 30px;
    border: none;
    height: 45px;
    font-size: 16px;
    text-align: center; }
    .counter__output.placeholder {
      font-size: 20px;
      color: #231f20; }
    .counter__output:-moz-placeholder {
      font-size: 20px;
      color: #231f20; }
    .counter__output::-moz-placeholder {
      font-size: 20px;
      color: #231f20; }
    .counter__output:-ms-input-placeholder {
      font-size: 20px;
      color: #231f20; }
    .counter__output::-webkit-input-placeholder {
      font-size: 20px;
      color: #231f20; }
  .counter__increment, .counter__decrement {
    height: 45px;
    font-size: 22px;
    cursor: pointer;
    color: #231f20;
    align-items: center;
    display: inline-flex;
    background-color: #ffffff; }
  .counter__decrement {
    padding-left: 15px;
    padding-right: 10px; }
  .counter__increment {
    padding-left: 10px;
    padding-right: 15px; }

.slick-arrow {
  border: 0;
  background: transparent;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 11111; }
  @media only screen and (max-width: 767px) {
    .slick-arrow {
      width: 43px;
      height: 43px; } }
  .slick-arrow.prev-arrow {
    left: -117px; }
    @media only screen and (max-width: 767px) {
      .slick-arrow.prev-arrow {
        left: 40%;
        top: auto;
        bottom: 30px; } }
    @media only screen and (max-width: 575px) {
      .slick-arrow.prev-arrow {
        left: 35%; } }
  .slick-arrow.next-arrow {
    right: -117px; }
    @media only screen and (max-width: 767px) {
      .slick-arrow.next-arrow {
        right: 40%;
        top: auto;
        bottom: 30px; } }
    @media only screen and (max-width: 575px) {
      .slick-arrow.next-arrow {
        right: 35%; } }
  .slick-arrow.summer-collection-prev-arrow {
    left: -85px;
    top: 30%;
    width: 52px;
    height: 52px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 1199px) {
      .slick-arrow.summer-collection-prev-arrow {
        left: -60px;
        width: 45px;
        height: 45px; } }
    @media only screen and (max-width: 991px) {
      .slick-arrow.summer-collection-prev-arrow {
        left: 10px; } }
  .slick-arrow.summer-collection-next-arrow {
    right: -85px;
    top: 30%;
    width: 52px;
    height: 52px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 1199px) {
      .slick-arrow.summer-collection-next-arrow {
        right: -60px;
        width: 45px;
        height: 45px; } }
    @media only screen and (max-width: 991px) {
      .slick-arrow.summer-collection-next-arrow {
        right: 10px; } }
  .slick-arrow.product-review-prev-arrow {
    left: -100px;
    width: 52px;
    height: 52px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 1199px) {
      .slick-arrow.product-review-prev-arrow {
        left: -60px;
        width: 45px;
        height: 45px; } }
  .slick-arrow.product-review-next-arrow {
    right: -100px;
    width: 52px;
    height: 52px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 1199px) {
      .slick-arrow.product-review-next-arrow {
        right: -60px;
        width: 45px;
        height: 45px; } }
  .slick-arrow.slick-disabled {
    opacity: 0.8; }
  .slick-arrow:focus {
    outline: none; }

.slick-dots {
  bottom: -80px; }
  .slick-dots li {
    width: 12px;
    height: 12px; }
    .slick-dots li button {
      width: 10px;
      height: 10px;
      border: 1px solid #ffffff;
      border-radius: 50%; }
      .slick-dots li button::before {
        color: transparent !important;
        opacity: 0 !important; }
    .slick-dots li.slick-active button {
      background-color: #ffffff; }

.button {
  font-size: 20px;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  background-color: #000000;
  padding: 18px 55px;
  display: inline-flex;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  text-align: center; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .button {
      font-size: 1.042vw;
      padding: 0.938vw 2.865vw;
      border: 0.104vw solid transparent; } }
  @media only screen and (max-width: 767px) {
    .button {
      font-size: 18px;
      padding: 14px 55px; } }
  .button .material-icons-outlined {
    margin-left: 12px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .button .material-icons-outlined {
        margin-left: 0.625vw; } }
  .button:hover {
    color: #000000;
    border: 2px solid #000000;
    background-color: transparent; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .button:hover {
        border: 0.104vw solid #000000; } }
  .button__outline-large {
    font-size: 20px;
    color: #000000;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    border: 2px solid #000000;
    padding: 18px 55px;
    display: inline-flex;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .button__outline-large {
        font-size: 1.042vw;
        padding: 0.938vw 2.865vw;
        border: 0.104vw solid #000000; } }
    @media only screen and (max-width: 767px) {
      .button__outline-large {
        font-size: 18px;
        padding: 14px 55px; } }
    .button__outline-large .material-icons-outlined {
      margin-left: 12px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .button__outline-large .material-icons-outlined {
          margin-left: 0.625vw; } }
    .button__outline-large:hover {
      color: #ffffff;
      background-color: #000000; }
  .button__white {
    font-size: 20px;
    color: #000000;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    background-color: #ffffff;
    padding: 18px 55px;
    display: inline-flex;
    text-transform: uppercase;
    align-items: center;
    border: 2px solid transparent; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .button__white {
        font-size: 1.042vw;
        padding: 0.938vw 2.865vw;
        border: 0.104vw solid transparent; } }
    @media only screen and (max-width: 575px) {
      .button__white {
        font-size: 18px;
        padding: 12px 28px; } }
    .button__white .material-icons-outlined {
      margin-left: 12px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .button__white .material-icons-outlined {
          margin-left: 0.625vw; } }
    .button__white:hover {
      color: #ffffff;
      border: 2px solid #ffffff;
      background-color: transparent; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .button__white:hover {
          border: 0.104vw solid #ffffff; } }
    .button__white--small {
      font-size: 16px;
      font-family: "Open Sans", sans-serif;
      font-weight: bold;
      color: #000000;
      background-color: #ffffff;
      padding: 13px 35px;
      display: inline-block;
      border: 2px solid transparent;
      text-transform: uppercase;
      text-align: center;
      display: inline-flex;
      align-items: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .button__white--small {
          font-size: 0.833vw;
          padding: 0.677vw 1.823vw;
          border: 0.104vw solid transparent; } }
      @media only screen and (max-width: 575px) {
        .button__white--small {
          padding: 13px 24px; } }
      .button__white--small:hover {
        background-color: transparent;
        color: #ffffff;
        border: 2px solid #ffffff; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .button__white--small:hover {
            border: 0.104vw solid #ffffff; } }
  .button__grey {
    font-size: 18px;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    background-color: #a7a5a6;
    padding: 14px 46px;
    display: inline-flex;
    text-transform: uppercase;
    letter-spacing: 1px;
    align-items: center;
    border: 2px solid transparent; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .button__grey {
        font-size: 0.938vw;
        padding: 0.729vw 2.396vw;
        letter-spacing: 0.052vw;
        border: 0.104vw solid transparent; } }
    @media only screen and (max-width: 575px) {
      .button__grey {
        font-size: 18px;
        padding: 12px 28px; } }
    .button__grey:hover {
      color: #a7a5a6;
      border: 2px solid #a7a5a6;
      background-color: transparent; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .button__grey:hover {
          border: 0.104vw solid #a7a5a6; } }
  .button__small {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #ffffff;
    background-color: #000000;
    padding: 13px 35px;
    display: inline-block;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .button__small {
        font-size: 0.833vw;
        padding: 0.677vw 1.823vw;
        border: 0.104vw solid transparent; } }
    @media only screen and (max-width: 575px) {
      .button__small {
        padding: 13px 24px; } }
    .button__small:hover {
      background-color: transparent;
      color: #000000;
      border: 2px solid #000000; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .button__small:hover {
          border: 0.104vw solid #000000; } }
  .button__small-dotted {
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #231f20;
    background-color: transparent;
    padding: 11px 34px;
    display: inline-block;
    border: 2px dotted #231f20;
    text-transform: uppercase;
    text-align: center; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .button__small-dotted {
        font-size: 0.625vw;
        padding: 0.573vw 1.615vw;
        border: 0.104vw dotted #231f20; } }
    .button__small-dotted:hover {
      color: #231f20; }
    .button__small-dotted.disabl {
      color: #a7a6a7;
      border: 2px dotted #a7a6a7; }
  .button__outline {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #000000;
    background-color: transparent;
    padding: 14px 24px;
    display: inline-block;
    border: 2px solid #000000;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .button__outline {
        font-size: 0.938vw;
        padding: 0.729vw 1.250vw;
        border: 0.104vw solid #000000;
        letter-spacing: 0.052vw; } }
    @media only screen and (max-width: 575px) {
      .button__outline {
        font-size: 18px;
        padding: 10px 18px; } }
    .button__outline:hover {
      background-color: #000000;
      color: #ffffff; }
    .button__outline span {
      margin-right: 12px;
      font-size: 18px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .button__outline span {
          margin-right: 0.625vw;
          font-size: 0.938vw; } }

.buttop-block {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 70px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .buttop-block {
      margin-top: 3.684vw; } }
  @media only screen and (max-width: 767px) {
    .buttop-block {
      margin-top: 30px; } }
  .buttop-block .rating {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .buttop-block .rating {
        margin-top: 0.632vw; } }
    @media only screen and (max-width: 575px) {
      .buttop-block .rating {
        flex-direction: column; } }

.announcement-bar {
  width: 100%;
  background-color: #231f20;
  padding: 12px 0; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .announcement-bar {
      padding: 0.625vw 0; } }
  .announcement-bar p {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: center; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .announcement-bar p {
        font-size: 0.729vw; } }
    @media only screen and (max-width: 475px) {
      .announcement-bar p {
        font-size: 11px; } }
    .announcement-bar p a {
      font-weight: bold;
      text-decoration: underline;
      color: #ffffff; }

.header {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .header__top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e9e9e9; }
  .header__content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 28px 0; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .header__content {
        padding: 1.458vw 0; } }
    @media only screen and (max-width: 991px) {
      .header__content {
        padding: 28px 50px; } }
    @media only screen and (max-width: 991px) {
      .header__content {
        padding: 28px 0; } }
  .header .header-menu {
    display: none;
    line-height: 0; }
    @media only screen and (max-width: 991px) {
      .header .header-menu {
        display: block; } }
    .header .header-menu span {
      font-size: 34px;
      display: inline-block;
      line-height: normal; }
  @media only screen and (max-width: 991px) {
    .header__search-box {
      display: none; } }
  .header__search-box .form-group {
    margin-bottom: 0; }
    .header__search-box .form-group .form-control {
      font-size: 14px;
      color: #221e20;
      font-weight: 400;
      font-family: "Open Sans", sans-serif;
      text-transform: uppercase;
      padding: 0;
      border: 0;
/*       background-image: url("//graftobian.com/cdn/shop/files/cw-icn-search.png?v=10169851908092733123");
      background-repeat: no-repeat;
      background-position: center left;
      padding-left: 50px; */
      box-shadow: none;
      outline: none;
      width: 260px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .header__search-box .form-group .form-control {
          font-size: 0.729vw;
/*           padding-left: 2.604vw; */
          width: 13.542vw; } }
  @media only screen and (max-width: 575px) {
    .header__main-logo {
      width: 170px; } }
  .header__account-details {
    display: flex;
    width: 246px;
    max-width: 100%;
    align-items: center;
    justify-content: flex-end;
  }
    .header__account-details .account-link {
      display: flex;
      flex-direction: column;
      text-align: right;
      margin-right: 45px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .header__account-details .account-link {
          margin-right: 2.344vw; } }
      @media only screen and (max-width: 991px) {
        .header__account-details .account-link {
          display: none; } }
      .header__account-details .account-link .link-signin {
        font-size: 14px;
        color: #221e20;
        font-weight: bold;
        font-family: "Open Sans", sans-serif;
        display: inline-block;
        margin-bottom: -2px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .header__account-details .account-link .link-signin {
            font-size: 0.729vw;
            margin-bottom: -0.104vw; } }
      .header__account-details .account-link .link-create-account {
        font-size: 14px;
        color: #221e20;
        font-weight: 400;
        font-family: "Open Sans", sans-serif;
        display: inline-block; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .header__account-details .account-link .link-create-account {
            font-size: 0.729vw; } }
    .header__account-details .icn-cart {
      position: relative; }
      .header__account-details .icn-cart .items-count {
        font-size: 10px;
        color: #ffffff;
        background-color: #000000;
        width: 16px;
        height: 16px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        position: absolute;
        bottom: -5px;
        right: -10px;
        font-weight: bold; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .header__account-details .icn-cart .items-count {
            font-size: 0.521vw;
            width: 0.833vw;
            height: 0.833vw;
            border-radius: 0.521vw;
            right: -0.521vw;
            bottom: -0.260vw; } }
  .header__bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 991px) {
      .header__bottom {
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        z-index: 99;
        height: 100%;
        display: block;
        position: fixed;
        max-width: 600px;
        visibility: hidden;
        padding: 60px 20px 15px;
        pointer-events: none;
        transform: translateX(-100%);
        background-color: #ffffff;
        box-shadow: 0px 35px 45px 0px rgba(0, 0, 0, 0.31);
        transition: 0.4s all ease-in-out;
        -webkit-transition: 0.4s all ease-in-out;
        -moz-transition: 0.4s all ease-in-out;
        -ms-transition: 0.4s all ease-in-out;
        -o-transition: 0.4s all ease-in-out;
        overflow-y: auto; } }
    @media only screen and (max-width: 475px) {
      .header__bottom {
        padding: 30px 0px 15px; } }
    .header__bottom.header-border {
      border: 2px solid #e9e9e9; }
    .header__bottom .icn-close-menu span {
      font-size: 34px; }
    .header__bottom .mobile-search-box {
      display: none; }
      @media only screen and (max-width: 991px) {
        .header__bottom .mobile-search-box {
          display: block;
          width: 100%;
          margin-top: 50px; } }
      @media only screen and (max-width: 575px) {
        .header__bottom .mobile-search-box {
          margin-top: 30px; } }
      .header__bottom .mobile-search-box .form-group .form-control {
        font-size: 26px;
        color: #221e20;
        font-family: "Open Sans", sans-serif;
        font-weight: normal;
        text-transform: uppercase;
        padding-left: 84px;
        border: 2px solid #d7d7d7;
        height: 80px;
/*         background-image: url("//graftobian.com/cdn/shop/files/cw-icn-search.png?v=10169851908092733123");
        background-repeat: no-repeat;
        background-position: center left 26px; */
          }
        @media only screen and (max-width: 475px) {
          .header__bottom .mobile-search-box .form-group .form-control {
            font-size: 20px;
            padding-left: 70px;
            height: 54px;
            background-position: center left 14px; } }
  .header__nav-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .header__nav-content nav {
      width: 100%; }
      .header__nav-content nav .main-nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        list-style-type: none; }
        @media only screen and (max-width: 991px) {
          .header__nav-content nav .main-nav-link {
            flex-wrap: wrap; } }
        .header__nav-content nav .main-nav-link li {
          margin-right: 46px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .header__nav-content nav .main-nav-link li {
              margin-right: 2.396vw; } }
          @media only screen and (max-width: 991px) {
            .header__nav-content nav .main-nav-link li {
              margin-right: 0;
              width: 100%;
              border-bottom: 2px solid #d7d7d7; } }
          .header__nav-content nav .main-nav-link li:last-child {
            margin-right: 0; }
            @media only screen and (max-width: 991px) {
              .header__nav-content nav .main-nav-link li:last-child {
                border-bottom: 0; } }
          @media only screen and (min-width: 991px) {
            .header__nav-content nav .main-nav-link li .megamenu {
              width: 100%;
              padding: 52px 84px;
              position: absolute;
              background-color: #ffffff;
              left: 0;
              right: 0;
              top: 48px;
              border-radius: 6px;
              z-index: 99;
              box-shadow: 0px 26px 89px 0px rgba(46, 45, 69, 0.25);
              visibility: hidden;
              opacity: 0;
              transform: translateY(10px);
              pointer-events: none;
              transition: 0.4s all ease-in-out;
              -webkit-transition: 0.4s all ease-in-out;
              -moz-transition: 0.4s all ease-in-out;
              -ms-transition: 0.4s all ease-in-out;
              -o-transition: 0.4s all ease-in-out; } }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .header__nav-content nav .main-nav-link li .megamenu {
              padding: 2.708vw 4.375vw;
              top: 2.604vw;
              border-radius: 0.313vw;
              box-shadow: 0px 1.354vw 4.635vw 0px rgba(46, 45, 69, 0.25); } }
          @media only screen and (max-width: 991px) {
            .header__nav-content nav .main-nav-link li .megamenu {
              display: none; } }
          .header__nav-content nav .main-nav-link li .megamenu__top {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 60px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .header__nav-content nav .main-nav-link li .megamenu__top {
                margin-bottom: 3.125vw; } }
            @media only screen and (max-width: 991px) {
              .header__nav-content nav .main-nav-link li .megamenu__top {
                margin-bottom: 30px; } }
            .header__nav-content nav .main-nav-link li .megamenu__top .content {
              width: 100%;
              display: flex;
              flex-wrap: wrap; }
              .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link {
                width: 20%; }
                @media only screen and (max-width: 991px) {
                  .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link {
                    width: 100%;
                    cursor: pointer; } }
                .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link > .inner-sub-title {
                  font-size: 23px;
                  color: #000000;
                  font-family: "Optima";
                  font-weight: normal;
                  margin-bottom: 18px; 
                	display: inline-block;
                }
                  @media only screen and (max-width: 1920px) and (min-width: 992px) {
                    .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link > .inner-sub-title {
                      font-size: 1.198vw;
                      margin-bottom: 0.938vw; } }
                  @media only screen and (max-width: 991px) {
                    .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link > .inner-sub-title {
                      font-size: 22px;
                      text-transform: uppercase;
                      display: inline-flex;
                      align-items: center; } }
                  @media only screen and (max-width: 475px) {
                    .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link > .inner-sub-title {
                      font-size: 18px; } }
                  .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link > .dropdown-link .material-icons-outlined {
                    transition: 0.4s all ease-in-out;
                    -webkit-transition: 0.4s all ease-in-out;
                    -moz-transition: 0.4s all ease-in-out;
                    -ms-transition: 0.4s all ease-in-out;
                    -o-transition: 0.4s all ease-in-out; 
					}
                    @media only screen and (max-width: 991px) {
                      .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link > .dropdown-link .material-icons-outlined {
                        font-size: 28px;
                        vertical-align: text-bottom;
                        color: #231f20;
                      } }
                .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link.active > .dropdown-link .material-icons-outlined {
                  transform: rotate(180deg); }
                .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list {
                  list-style-type: none;
                  padding: 0;
                  width: 100%; }
                  @media only screen and (max-width: 991px) {
                    .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list {
                      display: none; } }
                  .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list li {
                    margin: 0;
                    margin-bottom: 4px; }
                    @media only screen and (max-width: 1920px) and (min-width: 992px) {
                      .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list li {
                        margin-bottom: 0.208vw; } }
                    @media only screen and (max-width: 991px) {
                      .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list li {
                        border: 0; } }
                    .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list li a {
                      font-size: 14px;
                      color: #000000;
                      font-family: "Open Sans", sans-serif;
                      font-weight: 300;
                      display: inline-flex;
                      align-items: center;
                      width: 100%;
                      padding: 0;
                      text-transform: uppercase;
                      letter-spacing: 1px;
                      transition: 0.4s all ease-in-out;
                      -webkit-transition: 0.4s all ease-in-out;
                      -moz-transition: 0.4s all ease-in-out;
                      -ms-transition: 0.4s all ease-in-out;
                      -o-transition: 0.4s all ease-in-out; }
                      @media only screen and (max-width: 1920px) and (min-width: 992px) {
                        .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list li .sub-inner-main-link {
                          font-size: 0.729vw;letter-spacing: 0.052vw; } }
                      @media only screen and (max-width: 991px) {
                        .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list li .sub-inner-main-link {
                          font-size: 15px;
                          padding-left: 30px;
                          border-bottom: 0;
                          margin-bottom: 5px;} }
                      .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list li .sub-inner-main-link::before {
                        content: '';
                        background-image: url("//graftobian.com/cdn/shop/files/cw-icn-right.png?v=16764795002837221447");
                        background-repeat: no-repeat;
                        background-position: center left;
                        width: 0;
                        height: 18px;
                        background-size: cover;
                        opacity: 0;
                        visibility: hidden;
                        transition: 0.4s all ease-in-out;
                        -webkit-transition: 0.4s all ease-in-out;
                        -moz-transition: 0.4s all ease-in-out;
                        -ms-transition: 0.4s all ease-in-out;
                        -o-transition: 0.4s all ease-in-out; }
                        @media only screen and (max-width: 1920px) and (min-width: 992px) {
                          .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list li .sub-inner-main-link::before {
                            height: 0.938vw; } }
                      .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list li .sub-inner-main-link:hover::before {
                        width: 18px;
                        opacity: 1;
                        visibility: visible; }
                        @media only screen and (max-width: 1920px) and (min-width: 992px) {
                          .header__nav-content nav .main-nav-link li .megamenu__top .content .megamenu-link .nav-link-list li .sub-inner-main-link:hover::before {
                            width: 0.938vw; } }
          .header__nav-content nav .main-nav-link li .megamenu__bottom {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0;
            list-style-type: none; }
            @media only screen and (max-width: 991px) {
              .header__nav-content nav .main-nav-link li .megamenu__bottom {
                padding-bottom: 30px; } }
            .header__nav-content nav .main-nav-link li .megamenu__bottom li {
              margin-right: 12px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .header__nav-content nav .main-nav-link li .megamenu__bottom li {
                  margin-right: 0.625vw; } }
              @media only screen and (max-width: 991px) {
                .header__nav-content nav .main-nav-link li .megamenu__bottom li {
                  border-bottom: 0; } }
/*               .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box {
                width: 272px;
                max-width: 100%;
                border: 2px solid #d7d7d7;
                background-image: url("//graftobian.com/cdn/shop/files/cw-foundation-cream.png?v=17556458910783465839");
                background-position: right top;
                background-repeat: no-repeat;
                background-size: 100px 102%;
                padding: 40px 100px 14px 24px;
                border-radius: 6px; 
                display: inline-block;
                  } */
/*                 @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box {
                    width: 14.167vw;
                    border: 0.104vw solid #d7d7d7;
                    background-size: 5.208vw 102%;
                    padding: 2.083vw 5.208vw 0.729vw 1.250vw;
                    border-radius: 0.313vw; } } */
                @media only screen and (max-width: 991px) {
                  .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box {
                    width: 100%; } }
                .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box h5 {
                  font-size: 20px;
                  color: #231f20;
                  font-family: "Optima";
                  font-weight: normal; }
                  @media only screen and (max-width: 1920px) and (min-width: 992px) {
                    .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box h5 {
                      font-size: 1.042vw; } }
                  @media only screen and (max-width: 991px) {
                    .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box h5 {
                      font-size: 38px; } }
                  @media only screen and (max-width: 475px) {
                    .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box h5 {
                      font-size: 22px; } }
          @media only screen and (max-width: 991px) {
            .header__nav-content nav .main-nav-link li.has-children.active .main-nav-sub-link {
              display: block;
              border-bottom: 2px solid #d7d7d7;
              margin-bottom: 30px; } }
          .header__nav-content nav .main-nav-link li.has-children:hover .megamenu {
            opacity: 1;
            visibility: visible;
            pointer-events: all;
            transform: translateY(0); }
          .header__nav-content nav .main-nav-link li.has-children.active .main-nav-sub-link .material-icons-outlined {
            transform: rotate(180deg); }
          .header__nav-content nav .main-nav-link li .main-nav-sub-link {
            font-size: 14px;
            color: #221e20;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            text-decoration: none;
            padding: 26px 0;
            display: inline-block; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .header__nav-content nav .main-nav-link li .main-nav-sub-link {
                font-size: 0.729vw;
                padding: 1.354vw 0; } }
            @media only screen and (max-width: 991px) {
              .header__nav-content nav .main-nav-link li .main-nav-sub-link {
                font-size: 20px;
              	display: block;
              } }
            @media only screen and (max-width: 475px) {
              .header__nav-content nav .main-nav-link li .main-nav-sub-link {
                font-size: 18px; } }
            .header__nav-content nav .main-nav-link li .main-nav-sub-link:hover .material-icons-outlined {
              transform: rotate(0); }
            .header__nav-content nav .main-nav-link li .main-nav-sub-link .material-icons-outlined {
              font-size: 18px;
              vertical-align: middle;
              margin-left: 4px;
              transition: 0.4s all ease-in-out;
              -webkit-transition: 0.4s all ease-in-out;
              -moz-transition: 0.4s all ease-in-out;
              -ms-transition: 0.4s all ease-in-out;
              -o-transition: 0.4s all ease-in-out; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .header__nav-content nav .main-nav-link li .main-nav-sub-link .material-icons-outlined {
                  font-size: 0.938vw;
                  margin-left: 0.208vw; } }
              @media only screen and (max-width: 991px) {
                .header__nav-content nav .main-nav-link li .main-nav-sub-link .material-icons-outlined {
                  font-size: 28px;
                float: right;
                  position:absolute;
                  right:0;
                  z-index:99999;
                } }

body.menu-open {
  overflow: hidden; }
  body.menu-open .header__bottom {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transform: translateX(0); }

.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .footer__footer-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 122px 0;
    background-color: #231f20; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .footer__footer-top {
        padding: 6.354vw 0; } }
    @media only screen and (max-width: 767px) {
      .footer__footer-top {
        padding: 80px 0; } }
    @media only screen and (max-width: 475px) {
      .footer__footer-top {
        padding: 60px 0; } }
    .footer__footer-top figure {
      margin-bottom: 26px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .footer__footer-top figure {
          margin-bottom: 1.354vw; } }
    .footer__footer-top form {
      width: 480px;
      max-width: 100%; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .footer__footer-top form {
          width: 25vw; } }
      @media only screen and (max-width: 767px) {
        .footer__footer-top form {
          width: 100%;
          margin-bottom: 48px; } }
      .footer__footer-top form .form-group .form-label {
        font-size: 24px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        margin-bottom: 16px;
        display: block; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .footer__footer-top form .form-group .form-label {
            font-size: 0.833vw;
            margin-bottom: 0.833vw; } }
        @media only screen and (max-width: 475px) {
          .footer__footer-top form .form-group .form-label {
            font-size: 20px; } }
      .footer__footer-top form .form-group .input-button-wrap {
        width: 100%;
        display: flex;
        align-items: center; }
        .footer__footer-top form .form-group .input-button-wrap .form-control {
          font-size: 16px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          height: 50px;
          border-radius: 0;
          border: 1px solid #dfdfdf;
          border-right: 0;
          width: calc(100% - 140px);
          outline: none;
          box-shadow: none;
          background-color: #ffffff; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .footer__footer-top form .form-group .input-button-wrap .form-control {
              font-size: 0.833vw;
              height: 2.604vw;
              border: 0.052vw solid #dfdfdf;
              width: calc(100% - 7.292vw); } }
        .footer__footer-top form .form-group .input-button-wrap button {
          font-size: 15px;
          color: #231f20;
          text-transform: uppercase;
          background-color: #ffffff;
          outline: none;
          font-family: "Open Sans", sans-serif;
          font-weight: bold;
          height: 50px;
          border: 1px solid #dfdfdf;
          width: 140px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .footer__footer-top form .form-group .input-button-wrap button {
              font-size: 0.781vw;
              height: 2.604vw;
              border: 0.052vw solid #dfdfdf;
              width: 7.292vw; } }
    @media only screen and (max-width: 475px) {
      .footer__footer-top h5 {
        font-size: 19px; } }
    .footer__footer-top .copy-right-text {
      font-size: 18px;
      color: #ffffff;
      font-family: "Open Sans", sans-serif; }
      @media only screen and (max-width: 475px) {
        .footer__footer-top .copy-right-text {
          font-size: 12px; } }
    .footer__footer-top .footer-list {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      @media only screen and (max-width: 767px) {
        .footer__footer-top .footer-list {
          margin-bottom: 80px; } }
      @media only screen and (max-width: 475px) {
        .footer__footer-top .footer-list {
          margin-bottom: 40px; } }
      .footer__footer-top .footer-list li {
        margin-bottom: 6px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .footer__footer-top .footer-list li {
            margin-bottom: 0.313vw; } }
        .footer__footer-top .footer-list li:last-child {
          margin-bottom: 0; }
        .footer__footer-top .footer-list li.border-c0::after {
          display: none; }
        .footer__footer-top .footer-list li.top-space {
          margin-top: 28px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .footer__footer-top .footer-list li.top-space {
              margin-top: 1.458vw; } }
        .footer__footer-top .footer-list li a {
          font-size: 14px;
          color: #ffffff;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          position: relative;
          text-transform: uppercase;
        }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .footer__footer-top .footer-list li a {
              font-size: 0.729vw; } }
          @media only screen and (max-width: 767px) {
            .footer__footer-top .footer-list li a {
              font-size: 13px; } }
          @media only screen and (max-width: 575px) {
            .footer__footer-top .footer-list li a {
              font-size: 11px; } }
          .footer__footer-top .footer-list li a::after {
            content: '';
            width: 0;
            height: 1px;
            background: #ffffff;
            position: absolute;
            left: 0;
            bottom: -3px;
            transition: all 0.35s ease-in-out;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out; }
          .footer__footer-top .footer-list li a:hover::after {
            width: 100%; }
  .footer__footer-bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 31px 0; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .footer__footer-bottom {
        padding: 1.615vw 0; } }
    .footer__footer-bottom .content {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
      .footer__footer-bottom .content p {
        font-size: 14px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 0; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .footer__footer-bottom .content p {
            font-size: 0.729vw;
            line-height: 1.146vw; } }
        @media only screen and (max-width: 767px) {
          .footer__footer-bottom .content p {
            display: none; } }
      .footer__footer-bottom .content .bottom-footer-list {
        display: flex;
        list-style-type: none;
        padding: 0;
        margin: 0; }
        @media only screen and (max-width: 767px) {
          .footer__footer-bottom .content .bottom-footer-list {
            order: 2;
            width: 100%;
            align-items: center;
            justify-content: center; } }
        .footer__footer-bottom .content .bottom-footer-list li {
          margin-right: 28px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .footer__footer-bottom .content .bottom-footer-list li {
              margin-right: 1.458vw; } }
          @media only screen and (max-width: 475px) {
            .footer__footer-bottom .content .bottom-footer-list li {
              margin-right: 15px; } }
          .footer__footer-bottom .content .bottom-footer-list li:last-child {
            margin-right: 0; }
          .footer__footer-bottom .content .bottom-footer-list li a {
            font-size: 12px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
          	text-transform: uppercase;
          }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .footer__footer-bottom .content .bottom-footer-list li a {
                font-size: 0.625vw; } }
            @media only screen and (max-width: 475px) {
              .footer__footer-bottom .content .bottom-footer-list li a {
                font-size: 9px; } }
      @media only screen and (max-width: 991px) {
        .footer__footer-bottom .content figure {
          margin-top: 30px;
          width: 100%;
          display: flex;
          justify-content: center; } }
      @media only screen and (max-width: 767px) {
        .footer__footer-bottom .content figure {
          order: 1;
          margin-bottom: 50px;
          margin-top: 0; } }
      @media only screen and (max-width: 475px) {
        .footer__footer-bottom .content figure {
          margin-bottom: 20px; } }

.summer-collection {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 85px 0 40px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .summer-collection {
      padding: 4.427vw 0 2.083vw; } }
  @media only screen and (max-width: 991px) {
    .summer-collection {
      padding: 68px 0 40px; } }
  .summer-collection__title-text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 80px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .summer-collection__title-text {
        margin-bottom: 4.167vw; } }
    @media only screen and (max-width: 767px) {
      .summer-collection__title-text {
        margin-bottom: 20px; } }
    .summer-collection__title-text h2 {
      margin-bottom: 8px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .summer-collection__title-text h2 {
          margin-bottom: 0.417vw; } }
    .summer-collection__title-text span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .summer-collection__title-text span {
          font-size: 1.042vw; } }
      @media only screen and (max-width: 575px) {
        .summer-collection__title-text span {
          font-size: 18px; } }
  .summer-collection__content {
    width: 100%; }
/*     @media only screen and (max-width: 767px) {
      .summer-collection__content .slide {
        width: 50%;
        float: left;
        margin: 30px 0; } }
    @media only screen and (max-width: 475px) {
      .summer-collection__content .slide {
        width: 100%; } } */
    .summer-collection__content .box {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: 0 17px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .summer-collection__content .box {
          margin: 0 0.885vw; } }
      @media only screen and (max-width: 991px) {
        .summer-collection__content .box {
          margin: 0 10px; } }
      .summer-collection__content .box figure {
        margin-bottom: 30px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .summer-collection__content .box figure {
            margin-bottom: 1.563vw; } }
      .summer-collection__content .box .rating {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column; }
        .summer-collection__content .box .rating p {
          font-size: 10px;
          text-align: center;
          margin-bottom: 16px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .summer-collection__content .box .rating p {
              font-size: 0.521vw;
              margin-bottom: 0.833vw; } }
          .summer-collection__content .box .rating p span {
            font-size: 12px;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            color: #231f20; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .summer-collection__content .box .rating p span {
                font-size: 0.625vw; } }
        .summer-collection__content .box .rating h6 {
          text-align: center;
          margin-bottom: 6px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .summer-collection__content .box .rating h6 {
              margin-bottom: 0.313vw; } }
          @media only screen and (max-width: 767px) {
            .summer-collection__content .box .rating h6 {
              font-size: 20px; } }
        .summer-collection__content .box .rating .price {
          font-size: 20px;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          color: #231f20;
          text-align: center;
          display: block; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .summer-collection__content .box .rating .price {
              font-size: 1.042vw; } }
  .summer-collection__section-btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 44px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .summer-collection__section-btn {
        margin-top: 2.292vw; } }

.discover-collection {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0 78px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .discover-collection {
      padding: 2.083vw 0 4.063vw; } }
  @media only screen and (max-width: 767px) {
    .discover-collection {
      padding: 53px 0 66px; } }
  @media only screen and (max-width: 575px) {
    .discover-collection {
      padding: 40px 0; } }
  .discover-collection__title-text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 85px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .discover-collection__title-text {
        margin-bottom: 4.427vw; } }
    @media only screen and (max-width: 767px) {
      .discover-collection__title-text {
        margin-bottom: 54px; } }
    @media only screen and (max-width: 575px) {
      .discover-collection__title-text {
        margin-bottom: 30px; } }
    .discover-collection__title-text h2 {
      margin-bottom: 8px;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .discover-collection__title-text h2 {
          margin-bottom: 0.417vw; } }
      @media only screen and (max-width: 767px) {
        .discover-collection__title-text h2 {
          margin-bottom: 14px; } }
      @media only screen and (max-width: 575px) {
        .discover-collection__title-text h2 {
          margin-bottom: 2px; } }
    .discover-collection__title-text span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .discover-collection__title-text span {
          font-size: 1.042vw; } }
      @media only screen and (max-width: 575px) {
        .discover-collection__title-text span {
          font-size: 18px; } }
  .discover-collection__box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    background-position: center center;
    height: 364px;
    border-radius: 12px;
    margin: 15px 0; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .discover-collection__box {
        height: 18.958vw;
        border-radius: 0.625vw;
        margin: 0.781vw 0; } }
    @media only screen and (max-width: 767px) {
      .discover-collection__box {
        margin: 10px 0;
        padding: 10px; } }
    @media only screen and (max-width: 575px) {
      .discover-collection__box {
        height: 260px; } }
    .discover-collection__box h2 {
      margin-bottom: 14px;
      text-align: center;
      min-height: 110px;
    }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .discover-collection__box h2 {
          margin-bottom: 0.729vw; } }
  .discover-collection__section-btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 54px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .discover-collection__section-btn {
        margin-top: 2.813vw; } }
    @media only screen and (max-width: 767px) {
      .discover-collection__section-btn {
        margin-top: 44px; } }
    @media only screen and (max-width: 575px) {
      .discover-collection__section-btn {
        margin-top: 28px; } }

.flawless-summer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 84px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .flawless-summer {
      padding-bottom: 4.375vw; } }
  @media only screen and (max-width: 991px) {
    .flawless-summer {
      padding-bottom: 60px; } }
  @media only screen and (max-width: 767px) {
    .flawless-summer {
      padding-bottom: 0; } }
  @media only screen and (max-width: 991px) {
    .flawless-summer .container-medium {
      padding: 0; } }
  .flawless-summer__content {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 619px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 160px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .flawless-summer__content {
        height: 32.240vw;
        padding: 2.083vw 8.333vw; } }
    @media only screen and (max-width: 991px) {
      .flawless-summer__content {
        padding: 40px 90px; } }
    @media only screen and (max-width: 767px) {
      .flawless-summer__content {
        background-image: url("//graftobian.com/cdn/shop/files/cw-flawless-summer-bg-mobile.png?v=11566167527977762953") !important;
        height: 883px;
        justify-content: flex-end;
        padding: 100px 90px; } }
    @media only screen and (max-width: 575px) {
      .flawless-summer__content {
        height: 600px;
        justify-content: flex-end;
        padding: 40px 30px; } }
    .flawless-summer__content .box {
      width: 480px;
      max-width: 100%; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .flawless-summer__content .box {
          width: 25vw; } }
      .flawless-summer__content .box h6 {
        margin-bottom: 12px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .flawless-summer__content .box h6 {
            margin-bottom: 0.625vw; } }
      .flawless-summer__content .box h2 {
        margin-bottom: 16px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .flawless-summer__content .box h2 {
            margin-bottom: 0.833vw; } }
      .flawless-summer__content .box p {
        font-size: 20px;
        font-family: "Open Sans", sans-serif;
        line-height: 26px;
        font-weight: 300;
        margin-bottom: 32px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .flawless-summer__content .box p {
            font-size: 1.042vw;
            line-height: 1.354vw;
            margin-bottom: 1.667vw; } }
        @media only screen and (max-width: 575px) {
          .flawless-summer__content .box p {
            font-size: 18px; } }
    .flawless-summer__content--collection {
      height: 481px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .flawless-summer__content--collection {
          height: 25.052vw; } }
      @media only screen and (max-width: 767px) {
        .flawless-summer__content--collection {
          height: 883px; } }
      @media only screen and (max-width: 575px) {
        .flawless-summer__content--collection {
          height: 600px;
          padding: 40px 10px; } }
  @media only screen and (max-width: 575px) {
    .flawless-summer__section-btn a {
      font-size: 18px;
      padding: 12px 25px; } }
  .flawless-summer--privat-label {
    padding-bottom: 40px; }

.why-graftobian {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 991px) {
    .why-graftobian .container-medium {
      padding: 0 0; } }
  .why-graftobian__content {
    width: 100%;
    height: 714px;
    background-repeat: no-repeat;
    background-size: 1120px;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .why-graftobian__content {
        height: 37.188vw;
        background-size: 58.333vw; } }
    @media only screen and (max-width: 991px) {
      .why-graftobian__content {
        background-image: none;
        height: auto; } }
    .why-graftobian__content .mobile-img {
      display: none; }
      @media only screen and (max-width: 991px) {
        .why-graftobian__content .mobile-img {
          display: block;
          margin-bottom: 57px; } }
      @media only screen and (max-width: 575px) {
        .why-graftobian__content .mobile-img {
          margin-bottom: 28px; } }
  .why-graftobian__text-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end; }
    .why-graftobian__text-box .inner-content {
      width: 797px;
      background-color: #f4f4f4;
      max-width: 100%;
      min-height: 533px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding: 40px 80px 40px 124px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .why-graftobian__text-box .inner-content {
          width: 41.510vw;
          min-height: 27.760vw;
          padding: 2.083vw 4.167vw 2.083vw 6.458vw; } }
      @media only screen and (max-width: 991px) {
        .why-graftobian__text-box .inner-content {
          width: 100%;
          min-height: auto;
          padding: 70px 60px;
          display: flex;
          justify-content: center;
          align-items: center; } }
      @media only screen and (max-width: 575px) {
        .why-graftobian__text-box .inner-content {
          padding: 40px 15px; } }
      .why-graftobian__text-box .inner-content h6 {
        margin-bottom: 12px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .why-graftobian__text-box .inner-content h6 {
            margin-bottom: 0.625vw; } }
        @media only screen and (max-width: 991px) {
          .why-graftobian__text-box .inner-content h6 {
            margin-bottom: 18px; } }
      .why-graftobian__text-box .inner-content h2 {
        margin-bottom: 18px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .why-graftobian__text-box .inner-content h2 {
            margin-bottom: 0.938vw; } }
        @media only screen and (max-width: 991px) {
          .why-graftobian__text-box .inner-content h2 {
            text-align: center; } }
      .why-graftobian__text-box .inner-content p {
        font-size: 20px;
        line-height: 28px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        margin-bottom: 32px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .why-graftobian__text-box .inner-content p {
            font-size: 1.042vw;
            line-height: 1.458vw;
            margin-bottom: 1.667vw; } }
        @media only screen and (max-width: 991px) {
          .why-graftobian__text-box .inner-content p {
            margin-bottom: 44px;
            text-align: center; } }
        @media only screen and (max-width: 575px) {
          .why-graftobian__text-box .inner-content p {
            font-size: 18px;
            margin-bottom: 30px; } }

.icon-boxes {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 82px 0; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .icon-boxes {
      padding: 4.271vw 0; } }
  @media only screen and (max-width: 767px) {
    .icon-boxes {
      padding: 80px 0 20px; } }
  .icon-boxes__box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 991px) {
      .icon-boxes__box {
        margin-bottom: 40px; 
      } 
      .icon-boxes .col-6:nth-child(3) .icon-boxes__box,
      .icon-boxes .col-6:nth-child(4) .icon-boxes__box{
        margin-bottom: 0px; 
      } 
    }
    .icon-boxes__box figure {
      margin-bottom: 40px;
      min-height: 50px;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .icon-boxes__box figure {
          margin-bottom: 2.083vw; } }
      @media only screen and (max-width: 991px) {
        .icon-boxes__box figure {
          margin-bottom: 20px; } }
    .icon-boxes__box h5 {
      text-align: center;
      margin-bottom: 20px;
      min-height: 48px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .icon-boxes__box h5 {
          margin-bottom: 1.042vw; } }
      @media only screen and (max-width: 991px) {
        .icon-boxes__box h5 {
          min-height: auto; } }
      @media only screen and (max-width: 475px) {
        .icon-boxes__box h5 {
          font-size: 17px; } }
    .icon-boxes__box p {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      line-height: 25px;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .icon-boxes__box p {
          font-size: 1.042vw;
          line-height: 1.302vw; } }
      @media only screen and (max-width: 767px) {
        .icon-boxes__box p {
          font-size: 18px; } }
      @media only screen and (max-width: 475px) {
        .icon-boxes__box p {
          font-size: 14px; } }

@media only screen and (max-width: 575px) {
  .d-mo-none {
    display: none; } }

.product-review {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0; }
  .product-review__content {
    background-color: #f4f4f4;
    border-radius: 4px;
    width: 100%;
    padding: 30px 30px 30px 0;
    margin-bottom: 0; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .product-review__content {
        border-radius: 0.208vw;
        padding: 1.563vw 1.563vw 1.563vw 0; } }
    @media only screen and (max-width: 991px) {
      .product-review__content {
        background-color: transparent;
        border-radius: 0;
        width: 100%;
        padding: 0; } }
    .product-review__content.slick-dotted.slick-slider {
      margin-bottom: 50px; }
      .product-review__content.slick-dotted.slick-slider .slick-dots {
        bottom: -63px; }
    @media only screen and (max-width: 991px) {
      .product-review__content .slide {
        padding: 0 15px; } }
    @media only screen and (max-width: 575px) {
      .product-review__content .slide {
        padding: 0; } }
  .product-review__wrap {
    width: 100%;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 991px) {
      .product-review__wrap {
        flex-direction: column-reverse;
        background-color: #f4f4f4;
        border-radius: 4px;
        width: 100%;
        border-radius: 10px;
        padding: 10px;
        padding-bottom: 56px; } }
  .product-review__left {
    width: 800px;
    max-width: 100%;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .product-review__left {
        width: 41.667vw; } }
    .product-review__left .box {
      width: 522px;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .product-review__left .box {
          width: 27.188vw; } }
      @media only screen and (max-width: 991px) {
        .product-review__left .box {
          width: 100%;
          padding: 0 20px; } }
      @media only screen and (max-width: 575px) {
        .product-review__left .box {
          padding: 0; } }
      .product-review__left .box .start {
        display: block;
        color: #c7a878;
        margin-bottom: 26px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-review__left .box .start {
            margin-bottom: 1.354vw; } }
        @media only screen and (max-width: 575px) {
          .product-review__left .box .start {
            margin-bottom: 18px; } }
      .product-review__left .box h2 {
        margin-bottom: 20px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-review__left .box h2 {
            margin-bottom: 1.042vw; } }
        @media only screen and (max-width: 991px) {
          .product-review__left .box h2 {
            text-align: center; } }
        @media only screen and (max-width: 575px) {
          .product-review__left .box h2 {
            font-size: 26px; } }
      .product-review__left .box p {
        font-size: 20px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        text-align: center;
        margin-bottom: 36px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-review__left .box p {
            margin-bottom: 1.875vw;
            font-size: 1.042vw; } }
        @media only screen and (max-width: 575px) {
          .product-review__left .box p {
            font-size: 18px; } }
      .product-review__left .box .name-of-review {
        display: block;
        font-size: 17px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        text-align: center; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-review__left .box .name-of-review {
            font-size: 0.885vw; } }
  .product-review__right {
    width: 772px;
    max-width: 100%;
    background-color: #ffffff;
    padding: 48px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .product-review__right {
        width: 40.208vw;
        padding: 2.500vw; } }
    @media only screen and (max-width: 991px) {
      .product-review__right {
        width: 100%;
        border-radius: 4px;
        margin-bottom: 66px; } }
    @media only screen and (max-width: 575px) {
      .product-review__right {
        padding: 30px 15px;
        margin-bottom: 30px; } }
    .product-review__right .top-img {
      width: 100%;
      min-height: 350px; }
      @media only screen and (max-width: 575px) {
        .product-review__right .top-img {
          min-height: auto; } }
    .product-review__right .bottom-text {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      flex-direction: column; }
      .product-review__right .bottom-text .star {
        font-size: 12px;
        color: #221e20;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        margin-bottom: 10px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-review__right .bottom-text .star {
            margin-bottom: 0.521vw;
            font-size: 0.625vw; } }
      .product-review__right .bottom-text h6 {
        text-align: right;
        text-align: right;
        margin-bottom: 6px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-review__right .bottom-text h6 {
            margin-bottom: 0.313vw; } }
        @media only screen and (max-width: 575px) {
          .product-review__right .bottom-text h6 {
            font-size: 16px; } }
      .product-review__right .bottom-text .price-label {
        font-size: 19px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-review__right .bottom-text .price-label {
            font-size: 0.990vw; } }
        @media only screen and (max-width: 575px) {
          .product-review__right .bottom-text .price-label {
            font-size: 18px; } }
  .product-review .slick-dots li button {
    width: 14px;
    height: 14px;
    border: 1px solid #231f20;
    border-radius: 50%; }
  .product-review .slick-dots li.slick-active button {
    background-color: #231f20; }

.gift-offers {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 104px 0; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .gift-offers {
      padding: 5.417vw 0; } }
  @media only screen and (max-width: 991px) {
    .gift-offers {
      padding: 90px 0 60px; } }
  @media only screen and (max-width: 767px) {
    .gift-offers {
      padding: 90px 0 40px; } }
  .gift-offers__title-text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 78px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .gift-offers__title-text {
        margin-bottom: 4.063vw; } }
    @media only screen and (max-width: 767px) {
      .gift-offers__title-text {
        margin-bottom: 20px; } }
    .gift-offers__title-text h2 {
      margin-bottom: 10px;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .gift-offers__title-text h2 {
          margin-bottom: 0.521vw; } }
    .gift-offers__title-text span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      display: block;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .gift-offers__title-text span {
          font-size: 1.042vw; } }
      @media only screen and (max-width: 575px) {
        .gift-offers__title-text span {
          font-size: 18px; } }
  .gift-offers__content {
    width: 100%; }
/*     @media only screen and (max-width: 767px) {
      .gift-offers__content .slide {
        width: 50%;
        float: left;
        margin: 30px 0; } }
    @media only screen and (max-width: 475px) {
      .gift-offers__content .slide {
        width: 100%; } } */
    .gift-offers__content .box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0 17px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .gift-offers__content .box {
          margin: 0 0.885vw; } }
      .gift-offers__content .box figure {
        margin-bottom: 32px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .gift-offers__content .box figure {
            margin-bottom: 1.667vw; } }
      .gift-offers__content .box h5 {
        margin-bottom: 8px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .gift-offers__content .box h5 {
            margin-bottom: 0.417vw; } }
      .gift-offers__content .box .offer-text {
        font-size: 20px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        margin-bottom: 26px;
        text-align: center;
        min-height: 56px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .gift-offers__content .box .offer-text {
            font-size: 1.042vw;
            margin-bottom: 1.354vw; } }
        @media only screen and (max-width: 475px) {
          .gift-offers__content .box .offer-text {
            min-height: auto; } }
        .gift-offers__content .box .offer-text b {
          font-weight: bold; }
      .gift-offers__content .box .offer-code {
        margin-bottom: 12px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .gift-offers__content .box .offer-code {
            margin-bottom: 0.625vw; } }

.gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 109px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .gallery {
      padding-bottom: 5.677vw; } }
  @media only screen and (max-width: 991px) {
    .gallery {
      padding-bottom: 60px; } }
  @media only screen and (max-width: 767px) {
    .gallery {
      padding-bottom: 42px; } }
  .gallery__title-text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 90px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .gallery__title-text {
        margin-bottom: 4.688vw; } }
    @media only screen and (max-width: 991px) {
      .gallery__title-text {
        margin-bottom: 40px; } }
    .gallery__title-text h2 {
      margin-bottom: 8px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .gallery__title-text h2 {
          margin-bottom: 0.417vw; } }
    .gallery__title-text span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      display: block;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .gallery__title-text span {
          font-size: 1.042vw; } }
  .gallery__content {
    width: 100%;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    margin: 0; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .gallery__content {
        padding: 0 1.042vw; } }
    @media only screen and (max-width: 767px) {
      .gallery__content {
        padding: 0;
        flex-wrap: wrap; } }
    .gallery__content li {
      padding: 0 9px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .gallery__content li {
          padding: 0 0.469vw; } }
      @media only screen and (max-width: 767px) {
        .gallery__content li {
          width: 50%;
          padding: 9px 9px; } }

.blog {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .blog {
      padding: 4.167vw 0; } }
  @media only screen and (max-width: 767px) {
    .blog {
      padding: 65px 0 90px; } }
  .blog__title-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .blog__title-text {
        margin-bottom: 4.167vw; } }
    @media only screen and (max-width: 767px) {
      .blog__title-text {
        margin-bottom: 70px; } }
    .blog__title-text h2 {
      margin-bottom: 10px;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .blog__title-text h2 {
          margin-bottom: 0.521vw; } }
    .blog__title-text span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .blog__title-text span {
          font-size: 1.042vw; } }
  .blog__content {
    width: 100%;
    display: flex; }
    .blog__content .slick-dots {
      bottom: -40px; }
      .blog__content .slick-dots li button {
        width: 14px;
        height: 14px;
        border: 1px solid #231f20;
        border-radius: 50%; }
      .blog__content .slick-dots li.slick-active button {
        background-color: #231f20; }
    .blog__content .box {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-direction: column;
      margin: 0 20px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .blog__content .box {
          margin: 0 1.042vw; } }
      @media only screen and (max-width: 575px) {
        .blog__content .box {
          margin: 0 10px; } }
      .blog__content .box figure {
        margin-bottom: 30px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .blog__content .box figure {
            margin-bottom: 1.563vw; } }
      .blog__content .box span {
        font-size: 14px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        display: block;
        margin-bottom: 10px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .blog__content .box span {
            font-size: 0.729vw;
            margin-bottom: 0.521vw; } }
      .blog__content .box h5 {
        font-size: 26px;
        color: #231f20;
        font-family: "Optima";
        font-weight: 400;
        line-height: normal;
        margin-bottom: 14px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .blog__content .box h5 {
            font-size: 1.354vw;
            margin-bottom: 0.729vw; } }
        @media only screen and (max-width: 991px) {
          .blog__content .box h5 {
            font-size: 24px; } }
        @media only screen and (max-width: 575px) {
          .blog__content .box h5 {
            font-size: 19px;
            font-weight: 500; } }
      .blog__content .box p {
        font-size: 16px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        line-height: 22px;
        width: 275px;
        max-width: 100%; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .blog__content .box p {
            font-size: 0.833vw;
            line-height: 1.146vw;
            width: 14.323vw; } }
  .blog__section-btn {
    margin-top: 80px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .blog__section-btn {
        margin-top: 4.167vw; } }
    @media only screen and (max-width: 767px) {
      .blog__section-btn {
        margin-top: 80px; } }

.bredcumb {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 48px 0; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .bredcumb {
      padding: 2.500vw 0; } }
  @media only screen and (max-width: 767px) {
    .bredcumb {
      padding: 30px 0; } }
  .bredcumb__nav {
    width: 100%;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0; }
    @media only screen and (max-width: 575px) {
      .bredcumb__nav {
        overflow-x: auto;
        white-space: nowrap;
        justify-content: flex-start;
        padding-bottom: 10px; } }
    .bredcumb__nav li {
      padding-right: 17px;
      margin-right: 17px;
      position: relative; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .bredcumb__nav li {
          padding-right: 0.885vw;
          margin-right: 0.885vw; } }
      .bredcumb__nav li::after {
        content: '';
        width: 1px;
        height: 12px;
        background-color: #231f20;
        position: absolute;
        right: 0;
        top: 60%;
        transform: translatey(-50%) rotate(20deg); }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .bredcumb__nav li::after {
            width: 0.052vw;
            height: 0.625vw; } }
      .bredcumb__nav li:last-child::after {
        display: none; }
      .bredcumb__nav li a {
        font-size: 14px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
          text-transform: capitalize;}
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .bredcumb__nav li a {
            font-size: 0.729vw; } }

.three-column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 64px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .three-column {
      margin-bottom: 3.333vw; } }
  @media only screen and (max-width: 767px) {
    .three-column {
      margin-bottom: 40px; } }
  .three-column__content {
    width: 100%;
    background-color: #f4f4f4;
    padding: 70px 148px 100px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .three-column__content {
        padding: 3.646vw 7.708vw 5.208vw; } }
    @media only screen and (max-width: 991px) {
      .three-column__content {
        padding: 70px 30px; } }
    @media only screen and (max-width: 767px) {
      .three-column__content {
        padding: 30px 20px; } }
    .three-column__content .box {
      width: 360px;
      max-width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .three-column__content .box {
          width: 18.750vw; } }
      @media only screen and (max-width: 767px) {
        .three-column__content .box {
          margin: 30px auto; } }
      .three-column__content .box figure {
        margin-bottom: 22px;
        min-height: 148px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .three-column__content .box figure {
            margin-bottom: 1.146vw; } }
        @media only screen and (max-width: 767px) {
          .three-column__content .box figure {
            min-height: auto; } }
      .three-column__content .box h5 {
        text-align: center;
        margin-bottom: 18px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .three-column__content .box h5 {
            margin-bottom: 0.938vw; } }
        @media only screen and (max-width: 767px) {
          .three-column__content .box h5 {
            margin-bottom: 16px; } }
      .three-column__content .box p {
        font-size: 20px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        line-height: 26px;
        text-align: center; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .three-column__content .box p {
            font-size: 1.042vw;
            line-height: 1.354vw; } }
        @media only screen and (max-width: 767px) {
          .three-column__content .box p {
            font-size: 18px; } }

.collection-inner-banner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 44px 0 0; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .collection-inner-banner {
      padding: 2.292vw 0 0; } }
  .collection-inner-banner__content {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 361px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 60px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .collection-inner-banner__content {
        min-height: 18.802vw;
        padding: 3.125vw; } }
    @media only screen and (max-width: 767px) {
      .collection-inner-banner__content {
        padding: 40px 15px;
        min-height: 270px; } }
    .collection-inner-banner__content h2 {
      color: #ffffff;
      margin-bottom: 8px;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .collection-inner-banner__content h2 {
          margin-bottom: 0.417vw; } }
    .collection-inner-banner__content p {
      color: #ffffff;
      font-size: 20px;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .collection-inner-banner__content p {
          font-size: 1.042vw; } }
      @media only screen and (max-width: 767px) {
        .collection-inner-banner__content p {
          font-size: 18px; } }

.section-pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 50px;
  border-top: 2px solid #ebebeb; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .section-pagination {
      padding-top: 2.604vw;
      border-top: 0.104vw solid #ebebeb; } }
  @media only screen and (max-width: 767px) {
    .section-pagination {
      padding-top: 40px; } }
  .section-pagination a {
    width: 40px;
    height: 40px; }
  .section-pagination p {
    font-size: 24px;
    color: #231f20;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin-bottom: 0; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .section-pagination p {
        font-size: 1.250vw; } }
    @media only screen and (max-width: 767px) {
      .section-pagination p {
        font-size: 20px; } }

.limited-edition {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 106px 0 124px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .limited-edition {
      padding: 5.521vw 0 6.458vw; } }
  @media only screen and (max-width: 767px) {
    .limited-edition {
      padding: 40px 0 60px; } }
  .limited-edition__wrap {
    width: 100%;
    background-color: #f4f4f4;
    padding: 92px 0 64px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .limited-edition__wrap {
        padding: 4.792vw 0 3.333vw; } }
    @media only screen and (max-width: 991px) {
      .limited-edition__wrap {
        padding: 60px 15px; } }
    @media only screen and (max-width: 575px) {
      .limited-edition__wrap {
        padding: 40px 15px; } }
  .limited-edition__section-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 68px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .limited-edition__section-title {
        margin-bottom: 3.542vw; } }
    @media only screen and (max-width: 767px) {
      .limited-edition__section-title {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 575px) {
      .limited-edition__section-title {
        margin-bottom: 20px; } }
    .limited-edition__section-title h2 {
      text-align: center;
      margin-bottom: 0; }
  .limited-edition__content {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .limited-edition__content {
        width: 66.667vw; } }
    .limited-edition__content .limited-edition-box {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 991px) {
        .limited-edition__content .limited-edition-box {
          margin: 20px 0; } }
      .limited-edition__content .limited-edition-box figure {
        margin-bottom: 32px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .limited-edition__content .limited-edition-box figure {
            margin-bottom: 1.667vw; } }
        @media only screen and (max-width: 767px) {
          .limited-edition__content .limited-edition-box figure {
            margin-bottom: 20px; } }
        .limited-edition__content .limited-edition-box figure img {
          border-radius: 6px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .limited-edition__content .limited-edition-box figure img {
              border-radius: 0.313vw; } }
      .limited-edition__content .limited-edition-box p {
        font-size: 10px;
        text-align: center;
        margin-bottom: 14px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .limited-edition__content .limited-edition-box p {
            font-size: 0.521vw;
            margin-bottom: 0.729vw; } }
      .limited-edition__content .limited-edition-box h5 {
        text-align: center;
        margin-bottom: 8px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .limited-edition__content .limited-edition-box h5 {
            margin-bottom: 0.417vw; } }
      .limited-edition__content .limited-edition-box .price {
        font-size: 20px;
        color: #231f20;
        font-weight: 300;
        font-family: "Optima"; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .limited-edition__content .limited-edition-box .price {
            font-size: 1.042vw; } }

.product-banner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .product-banner {
      padding: 4.167vw 0; } }
  @media only screen and (max-width: 991px) {
    .product-banner {
      padding: 60px 0; } }
  @media only screen and (max-width: 575px) {
    .product-banner {
      padding: 50px 0; } }
  .product-banner__wrap {
    width: 100%;
    display: flex;
    align-items: flex-start; }
    @media only screen and (max-width: 991px) {
      .product-banner__wrap {
        flex-direction: column; } }
    .product-banner__wrap .left {
      width: 800px;
      max-width: 100%;
      margin-right: 160px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .product-banner__wrap .left {
          width: 41.667vw;
          margin-right: 8.333vw; } }
      @media only screen and (max-width: 991px) {
        .product-banner__wrap .left {
          width: 100%;
          margin-right: 0;
          margin-bottom: 60px; } }
      .product-banner__wrap .left .product-slider {
        width: 100%; }
        .product-banner__wrap .left .product-slider .slider-img {
          margin-bottom: 36px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .left .product-slider .slider-img {
              margin-bottom: 1.875vw; } }
          .product-banner__wrap .left .product-slider .slider-img .slick-slide img {
            margin: 0 auto; }
          .product-banner__wrap .left .product-slider .slider-img figure .product-slide-img {
            max-width: 100%;
            width: 100%;
            border: 2px solid #f6f6f6; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .product-banner__wrap .left .product-slider .slider-img figure .product-slide-img {
                border: 0.104vw solid #f6f6f6; } }
        .product-banner__wrap .left .product-slider .cus-slider-nav {
          padding: 0;
          list-style-type: none;
          margin-bottom: 0; }
          .product-banner__wrap .left .product-slider .cus-slider-nav .slick-slide img {
            margin: 0 auto;
            width: 117px;
            border: 2px solid #f6f6f6; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .product-banner__wrap .left .product-slider .cus-slider-nav .slick-slide img {
                width: 6.094vw;
                border: 0.104vw solid #f6f6f6; } }
          @media only screen and (max-width: 991px) {
            .product-banner__wrap .left .product-slider .cus-slider-nav .slick-list.draggable .slick-track li a img {
              margin: 0 auto; } }
    .product-banner__wrap .right {
      width: 640px;
      max-width: 100%;
      /* Style the tab content */ }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .product-banner__wrap .right {
          width: 33.333vw; } }
      @media only screen and (max-width: 991px) {
        .product-banner__wrap .right {
          width: 100%; } }
      .product-banner__wrap .right .review {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 6px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-banner__wrap .right .review {
            margin-bottom: 0.313vw; } }
        .product-banner__wrap .right .review p {
          font-size: 10px;
          text-align: center;
          margin-bottom: 16px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .review p {
              font-size: 0.521vw;
              margin-bottom: 0.833vw; } }
      .product-banner__wrap .right h2 {
        color: #231f20;
        margin-bottom: 14px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-banner__wrap .right h2 {
            margin-bottom: 0.729vw; } }
      .product-banner__wrap .right .price-more-info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 24px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-banner__wrap .right .price-more-info {
            margin-bottom: 1.250vw; } }
        @media only screen and (max-width: 475px) {
          .product-banner__wrap .right .price-more-info {
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            margin-bottom: 20px; } }
        .product-banner__wrap .right .price-more-info label {
          font-size: 32px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          margin-bottom: 0;
          margin-right: 24px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .price-more-info label {
              font-size: 1.667vw;
              margin-right: 1.250vw; } }
          @media only screen and (max-width: 475px) {
            .product-banner__wrap .right .price-more-info label {
              margin-right: 0;
              margin-bottom: 10px; } }
      .product-banner__wrap .right p {
        font-size: 20px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        margin-bottom: 38px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-banner__wrap .right p {
            font-size: 1.042vw;
            margin-bottom: 1.979vw; } }
        @media only screen and (max-width: 575px) {
          .product-banner__wrap .right p {
            font-size: 18px;
            margin-bottom: 26px; } }
      .product-banner__wrap .right .dropdown {
        width: 100%;
        margin-bottom: 24px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-banner__wrap .right .dropdown {
            margin-bottom: 1.250vw; } }
        .product-banner__wrap .right .dropdown label {
          font-size: 15px;
          color: #221e20;
          font-family: "Open Sans", sans-serif;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 1px;
          margin-bottom: 14px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .dropdown label {
              font-size: 0.781vw;
              letter-spacing: 0.052vw;
              margin-bottom: 0.729vw; } }
        .product-banner__wrap .right .dropdown .form-control {
          font-size: 16px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: normal;
          height: 64px;
          padding-left: 34px;
          box-shadow: none;
          border: 2px solid #e3e3e3;
          background-color: #ffffff;
          background-image: linear-gradient(to right, #e3e3e3, #e3e3e3), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23221f20'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
          background-position: calc(100% - 62px) 50%, calc(100% - 20px) 50%;
          background-size: 2px,24px;
          background-repeat: no-repeat;
          appearance: none;
          border-radius: 0;
          cursor: pointer; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .dropdown .form-control {
              font-size: 0.833vw;
              height: 3.333vw;
              padding-left: 1.771vw;
              border: 0.104vw solid #e3e3e3;
              background-position: calc(100% - 3.229vw) 50%, calc(100% - 1.042vw) 50%;
              background-size: 0.104vw,1.250vw; } }
          @media only screen and (max-width: 475px) {
            .product-banner__wrap .right .dropdown .form-control {
              font-size: 11px;
              height: 48px;
              padding-left: 10px;
              background-position: calc(100% - 34px) 50%, calc(100% - 7px) 50%;
              background-size: 2px,20px; } }
      .product-banner__wrap .right .tab {
        overflow: hidden;
        border-bottom: 2px solid #e1e1e1; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-banner__wrap .right .tab {
            border-bottom: 0.104vw solid #e1e1e1; } }
        .product-banner__wrap .right .tab button {
          background-color: inherit;
          float: left;
          border: none;
          outline: none;
          cursor: pointer;
          transition: 0.3s;
          font-size: 14px;
          color: #999999;
          font-family: "Open Sans", sans-serif;
          font-weight: 600;
          padding: 0 16px 24px 16px;
          background-color: transparent;
          text-transform: uppercase;
          border-bottom: 2px solid transparent; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .tab button {
              font-size: 0.729vw;
              padding: 0 0.833vw 1.250vw 0.833vw;
              border-bottom: 0.104vw solid transparent; } }
          @media only screen and (max-width: 475px) {
            .product-banner__wrap .right .tab button {
              font-size: 12px;
              padding: 0 9px 24px 9px; } }
          .product-banner__wrap .right .tab button:last-child {
            margin-right: 0; }
          .product-banner__wrap .right .tab button.active {
            border-bottom: 2px solid #000000; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .product-banner__wrap .right .tab button.active {
                border-bottom: 0.104vw solid #000000; } }
      .product-banner__wrap .right .tabcontent {
        display: none;
        padding: 0;
        border-top: none; }
        .product-banner__wrap .right .tabcontent .varitnt-option {
          width: 100%;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          margin-top: 22px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .tabcontent .varitnt-option {
              margin-top: 1.146vw; } }
          .product-banner__wrap .right .tabcontent .varitnt-option .custom-radio {
            padding-left: 0;
            margin-right: 16px;
            margin-bottom: 10px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .product-banner__wrap .right .tabcontent .varitnt-option .custom-radio {
                margin-right: 0.833vw;
                margin-bottom: 0.521vw; } }
            .product-banner__wrap .right .tabcontent .varitnt-option .custom-radio .custom-control-label {
              width: 48px;
              height: 48px;
              padding: 3px;
              border-radius: 6px;
              border: 2px solid transparent;
              cursor: pointer; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .product-banner__wrap .right .tabcontent .varitnt-option .custom-radio .custom-control-label {
                  width: 2.500vw;
                  height: 2.500vw;
                  padding: 0.156vw;
                  border-radius: 0.313vw;
                  border: 0.104vw solid transparent; } }
              .product-banner__wrap .right .tabcontent .varitnt-option .custom-radio .custom-control-label .color-box {
                width: 34px;
                height: 34px;
                border-radius: 6px;
                margin: 0 auto; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .product-banner__wrap .right .tabcontent .varitnt-option .custom-radio .custom-control-label .color-box {
                    width: 1.771vw;
                    height: 1.771vw;
                    border-radius: 0.313vw; } }
              .product-banner__wrap .right .tabcontent .varitnt-option .custom-radio .custom-control-label:after {
                display: none; }
              .product-banner__wrap .right .tabcontent .varitnt-option .custom-radio .custom-control-label:before {
                display: none; }
            .product-banner__wrap .right .tabcontent .varitnt-option .custom-radio .custom-control-input:checked + .custom-control-label {
              border: 2px solid #000000; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .product-banner__wrap .right .tabcontent .varitnt-option .custom-radio .custom-control-input:checked + .custom-control-label {
                  border: 0.104vw solid #000000; } }
      .product-banner__wrap .right .add-to-cart-btn {
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 40px;
        margin-bottom: 28px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-banner__wrap .right .add-to-cart-btn {
            margin-top: 2.083vw;
            margin-bottom: 1.458vw; } }
        @media only screen and (max-width: 575px) {
          .product-banner__wrap .right .add-to-cart-btn {
            justify-content: center; } }
        @media only screen and (max-width: 475px) {
          .product-banner__wrap .right .add-to-cart-btn {
            flex-direction: column; } }
        .product-banner__wrap .right .add-to-cart-btn .qty_counter {
          display: flex;
          align-items: center;
          margin-right: 60px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .add-to-cart-btn .qty_counter {
              margin-right: 3.125vw; } }
          @media only screen and (max-width: 575px) {
            .product-banner__wrap .right .add-to-cart-btn .qty_counter {
              margin-right: 20px; } }
          @media only screen and (max-width: 475px) {
            .product-banner__wrap .right .add-to-cart-btn .qty_counter {
              margin-right: 0px; } }
          .product-banner__wrap .right .add-to-cart-btn .qty_counter input {
            width: 160px;
            text-align: center;
            padding: 0 60px;
            border: none;
            height: 64px;
            border-radius: 4px;
            background-color: transparent;
            font-weight: 600;
            pointer-events: none; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .product-banner__wrap .right .add-to-cart-btn .qty_counter input {
                width: 8.333vw;
                padding: 0 3.125vw;
                height: 3.333vw;
                border-radius: 0.208vw; } }
            @media only screen and (max-width: 475px) {
              .product-banner__wrap .right .add-to-cart-btn .qty_counter input {
                width: 266px;
                height: 52px; } }
            .product-banner__wrap .right .add-to-cart-btn .qty_counter input:focus {
              outline: none; }
          .product-banner__wrap .right .add-to-cart-btn .qty_counter .less {
            cursor: pointer;
            font-style: normal;
            position: absolute;
            width: 60px;
            font-size: 20px;
            height: 100%;
            top: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            left: 0; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .product-banner__wrap .right .add-to-cart-btn .qty_counter .less {
                width: 3.125vw;
                font-size: 1.042vw; } }
          .product-banner__wrap .right .add-to-cart-btn .qty_counter .more {
            cursor: pointer;
            font-style: normal;
            position: absolute;
            width: 60px;
            font-size: 20px;
            height: 100%;
            top: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 0; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .product-banner__wrap .right .add-to-cart-btn .qty_counter .more {
                width: 3.125vw;
                font-size: 1.042vw; } }
          .product-banner__wrap .right .add-to-cart-btn .qty_counter .qty-input {
            position: relative;
            display: inline-block;
            padding: 0;
            border: 2px solid #ddd;
            border-radius: 4px;
            background-color: transparent; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .product-banner__wrap .right .add-to-cart-btn .qty_counter .qty-input {
                border: 0.104vw solid #ddd;
                border-radius: 0.208vw; } }
        .product-banner__wrap .right .add-to-cart-btn .button {
          width: calc(100% - 224px);
          height: 64px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .add-to-cart-btn .button {
              width: calc(100% - 11.667vw);
              height: 3.333vw; } }
          @media only screen and (max-width: 575px) {
            .product-banner__wrap .right .add-to-cart-btn .button {
              width: calc(100% - 184px); } }
          @media only screen and (max-width: 475px) {
            .product-banner__wrap .right .add-to-cart-btn .button {
              width: auto;
              height: auto;
              margin-top: 15px; } }
      .product-banner__wrap .right .cart-icn {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 60px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .product-banner__wrap .right .cart-icn {
            margin-bottom: 3.125vw; } }
        @media only screen and (max-width: 575px) {
          .product-banner__wrap .right .cart-icn {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-bottom: 25px; } }
        .product-banner__wrap .right .cart-icn figure {
          margin-right: 20px;
        	width: 280px;
        }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .cart-icn figure {
              margin-right: 1.042vw; } }
          @media only screen and (max-width: 575px) {
            .product-banner__wrap .right .cart-icn figure {
              margin-right: 0;
              margin-bottom: 10px; } }
        .product-banner__wrap .right .cart-icn p {
          font-size: 12px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          margin-bottom: 0; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .cart-icn p {
              font-size: 0.625vw; } }
          .product-banner__wrap .right .cart-icn p img {
            margin-right: 8px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .product-banner__wrap .right .cart-icn p img {
                margin-right: 0.417vw; } }
      .product-banner__wrap .right .social-list {
        width: 100%;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 575px) {
          .product-banner__wrap .right .social-list {
            flex-direction: column;
            justify-content: center;
            align-items: center; } }
        .product-banner__wrap .right .social-list p {
          font-size: 20px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          margin-bottom: 0;
          margin-right: 36px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .product-banner__wrap .right .social-list p {
              font-size: 1.042vw;
              margin-right: 1.875vw; } }
          @media only screen and (max-width: 575px) {
            .product-banner__wrap .right .social-list p {
              margin-right: 0;
              margin-bottom: 10px; } }
        .product-banner__wrap .right .social-list .icn-list {
          display: flex;
          align-items: center;
          padding: 0;
          margin: 0;
          list-style-type: none; }
          .product-banner__wrap .right .social-list .icn-list li {
            margin-right: 18px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .product-banner__wrap .right .social-list .icn-list li {
                margin-right: 0.938vw; } }
            .product-banner__wrap .right .social-list .icn-list li:last-child {
              margin-right: 0; }

.product-description {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 106px 0 76px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .product-description {
      padding: 5.521vw 0 3.958vw; } }
  @media only screen and (max-width: 767px) {
    .product-description {
      padding: 60px 0 50px; } }
  .product-description__section-title {
    width: 920px;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin: 0 auto; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .product-description__section-title {
        width: 47.917vw; } }
    .product-description__section-title span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-transform: uppercase;
      margin-bottom: 20px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .product-description__section-title span {
          font-size: 1.042vw;
          margin-bottom: 1.042vw; } }
    .product-description__section-title h2 {
      color: #231f20;
      width: 800px;
      max-width: 100%;
      margin-bottom: 34px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .product-description__section-title h2 {
          width: 41.667vw;
          margin-bottom: 1.771vw; } }
  .product-description__content {
    width: 920px;
    max-width: 100%;
    margin: 0 auto; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .product-description__content {
        width: 47.917vw; } }
    .product-description__content ul li {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      margin-bottom: 6px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .product-description__content ul li {
          font-size: 1.042vw;
          margin-bottom: 0.313vw; } }
      @media only screen and (max-width: 575px) {
        .product-description__content ul li {
          font-size: 18px; } }
    .product-description__content h5 {
      font-size: 33px;
      color: #231f20;
      font-family: "Optima";
      font-weight: normal; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .product-description__content h5 {
          font-size: 1.719vw; } }
      @media only screen and (max-width: 575px) {
        .product-description__content h5 {
          font-size: 22px; } }
    .product-description__content p {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      margin-bottom: 26px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .product-description__content p {
          font-size: 1.042vw;
          margin-bottom: 1.354vw; } }
      @media only screen and (max-width: 575px) {
        .product-description__content p {
          font-size: 18px;
          line-height: normal; } }

.premium-ingredients {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 106px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .premium-ingredients {
      padding-bottom: 5.521vw; } }
  @media only screen and (max-width: 575px) {
    .premium-ingredients {
      padding-bottom: 60px; } }
  .premium-ingredients__wrap {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #f9f9f9;
    padding: 110px 190px;
    margin-bottom: 70px;
    border-radius: 6px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .premium-ingredients__wrap {
        width: 66.667vw;
        padding: 5.729vw 9.896vw;
        margin-bottom: 3.646vw;
        border-radius: 0.313vw; } }
    @media only screen and (max-width: 991px) {
      .premium-ingredients__wrap {
        padding: 60px 30px;
        margin-bottom: 40px; } }
    @media only screen and (max-width: 575px) {
      .premium-ingredients__wrap {
        padding: 40px 10px; } }
  .premium-ingredients__title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .premium-ingredients__title span {
      font-size: 19px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-transform: uppercase;
      text-align: center;
      margin-bottom: 18px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .premium-ingredients__title span {
          font-size: 0.990vw;
          margin-bottom: 0.938vw; } }
      @media only screen and (max-width: 575px) {
        .premium-ingredients__title span {
          font-size: 18px;
          margin-bottom: 8px; } }
    .premium-ingredients__title h3 {
      text-align: center;
      color: #231f20;
      margin-bottom: 36px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .premium-ingredients__title h3 {
          margin-bottom: 1.875vw; } }
      @media only screen and (max-width: 575px) {
        .premium-ingredients__title h3 {
          margin-bottom: 18px; } }
  .premium-ingredients__content {
    width: 100%; }
    .premium-ingredients__content p {
      font-size: 20px;
      color: #231f20;
      line-height: 28px;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .premium-ingredients__content p {
          font-size: 1.042vw;
          line-height: 1.458vw; } }
      @media only screen and (max-width: 575px) {
        .premium-ingredients__content p {
          font-size: 18px; } }
  .premium-ingredients__section-btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .premium-ingredients__section-btn figure {
      margin-top: 22px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .premium-ingredients__section-btn figure {
          margin-top: 1.146vw; } }

.customer-review {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 102px 0;
  background-color: #f9f9f9; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .customer-review {
      padding: 5.313vw 0; } }
  @media only screen and (max-width: 767px) {
    .customer-review {
      padding: 60px 0; } }
  .customer-review__title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 104px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .customer-review__title {
        margin-bottom: 5.417vw; } }
    @media only screen and (max-width: 991px) {
      .customer-review__title {
        margin-bottom: 60px; } }
    @media only screen and (max-width: 767px) {
      .customer-review__title {
        margin-bottom: 20px; } }
    @media only screen and (max-width: 575px) {
      .customer-review__title {
        margin-bottom: 0px; } }
    .customer-review__title h3 {
      text-align: center;
      color: #231f20; }
  .customer-review__box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 42px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .customer-review__box {
        padding: 0 2.188vw; } }
    @media only screen and (max-width: 991px) {
      .customer-review__box {
        padding: 30px 20px; } }
    @media only screen and (max-width: 575px) {
      .customer-review__box {
        padding: 20px 0px; } }
    .customer-review__box .start {
      display: block;
      color: #c7a878;
      font-size: 14px;
      margin-bottom: 34px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .customer-review__box .start {
          font-size: 0.729vw;
          margin-bottom: 1.771vw; } }
      @media only screen and (max-width: 767px) {
        .customer-review__box .start {
          margin-bottom: 20px; } }
    .customer-review__box h2 {
      margin-bottom: 28px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .customer-review__box h2 {
          margin-bottom: 1.458vw; } }
      @media only screen and (max-width: 991px) {
        .customer-review__box h2 {
          text-align: center; } }
      @media only screen and (max-width: 767px) {
        .customer-review__box h2 {
          margin-bottom: 14px; } }
      @media only screen and (max-width: 575px) {
        .customer-review__box h2 {
          font-size: 26px; } }
    .customer-review__box p {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center;
      margin-bottom: 36px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .customer-review__box p {
          font-size: 1.042vw;
          margin-bottom: 1.875vw; } }
      @media only screen and (max-width: 767px) {
        .customer-review__box p {
          margin-bottom: 26px; } }
      @media only screen and (max-width: 575px) {
        .customer-review__box p {
          font-size: 18px; } }
    .customer-review__box .name-of-review {
      display: block;
      font-size: 17px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .customer-review__box .name-of-review {
          font-size: 0.885vw; } }


.banner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  min-height: 534px;
  position: relative; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .banner {
      min-height: 27.813vw; } }
  @media only screen and (max-width: 991px) {
    .banner {
      min-height: auto;
      padding-top: 80px;
      margin-bottom: 75px; } }
  @media only screen and (max-width: 991px) {
    .banner:after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #e8e7e7;
      position: absolute;
      bottom: -77px;
      left: 0;
      right: 0; } }
  .banner__content {
    width: 100%;
    display: flex;
    align-items: flex-end;
    height: 100%; }
    @media only screen and (max-width: 991px) {
      .banner__content {
        flex-direction: column-reverse;
        height: auto; } }
  .banner__right {
    width: 100%;
    padding-right: 20px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .banner__right {
        padding-right: 1.042vw; } }
    @media only screen and (max-width: 991px) {
      .banner__right {
        padding-right: 0; } }
    .banner__right .slide-box {
      width: 100%;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 991px) {
        .banner__right .slide-box {
          flex-direction: column-reverse;
          justify-content: center; } }
      .banner__right .slide-box .left-content {
        width: 800px;
        max-width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        margin-right: 140px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .banner__right .slide-box .left-content {
            width: 41.667vw;
            margin-right: 7.292vw; } }
        @media only screen and (max-width: 991px) {
          .banner__right .slide-box .left-content {
            width: 100%;
            margin-right: 0;
            justify-content: center;
            align-items: center;
            margin-top: 20px; } }
      .banner__right .slide-box .right-content {
        width: 640px;
        max-width: 100%;
        padding-right: 20px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .banner__right .slide-box .right-content {
            width: 33.333vw;
            padding-right: 1.042vw; } }
        @media only screen and (max-width: 991px) {
          .banner__right .slide-box .right-content {
            padding-right: 0; } }
    .banner__right.slick-dotted.slick-slider {
      margin-bottom: 0px; }
    .banner__right .slick-dots {
      display: flex;
      flex-direction: column;
      right: 0;
      width: 20px;
      top: 50%;
      bottom: auto;
      transform: translateY(-50%); }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .banner__right .slick-dots {
          width: 1.042vw; } }
      @media only screen and (max-width: 991px) {
        .banner__right .slick-dots {
          flex-direction: row;
          top: auto;
          bottom: -90px;
          width: 100%;
          justify-content: center; } }
      .banner__right .slick-dots li {
        margin-bottom: 25px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .banner__right .slick-dots li {
            margin-bottom: 1.302vw; } }
        .banner__right .slick-dots li button {
          border: 1px solid #231f20; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .banner__right .slick-dots li button {
              border: 0.052vw solid #231f20; } }
        .banner__right .slick-dots li.slick-active button {
          background-color: #231f20; }
    .banner__right .small-title {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      display: block;
      margin-bottom: 8px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .banner__right .small-title {
          font-size: 1.042vw;
          margin-bottom: 0.417vw; } }
      @media only screen and (max-width: 991px) {
        .banner__right .small-title {
          text-align: center; } }
    .banner__right h2 {
      margin-bottom: 24px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .banner__right h2 {
          margin-bottom: 1.250vw; } }
      @media only screen and (max-width: 991px) {
        .banner__right h2 {
          text-align: center; } }
    @media only screen and (max-width: 991px) {
      .banner__right .banner-btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center; } }

.aboutus {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .aboutus__title-text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 72px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .aboutus__title-text {
        margin-bottom: 3.750vw; } }
    @media only screen and (max-width: 767px) {
      .aboutus__title-text {
        margin-bottom: 60px; } }
    @media only screen and (max-width: 575px) {
      .aboutus__title-text {
        margin-bottom: 40px; } }
    .aboutus__title-text h2 {
      text-align: center;
      width: 1020px;
      max-width: 100%;
      margin: 0 auto;
      margin-bottom: 26px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .aboutus__title-text h2 {
          width: 53.125vw;
          margin-bottom: 1.354vw; } }
      @media only screen and (max-width: 991px) {
        .aboutus__title-text h2 {
          font-size: 38px; } }
      @media only screen and (max-width: 767px) {
        .aboutus__title-text h2 {
          font-size: 28px; } }
      @media only screen and (max-width: 575px) {
        .aboutus__title-text h2 {
          font-size: 20px;
          font-weight: 600;
          margin-bottom: 14px; } }
    .aboutus__title-text span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      line-height: 28px;
      text-align: center;
      width: 886px;
      max-width: 100%;
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .aboutus__title-text span {
          font-size: 1.042vw;
          line-height: 1.458vw;
          width: 46.646vw; } }
      @media only screen and (max-width: 767px) {
        .aboutus__title-text span {
          font-size: 18px;
          line-height: normal; } }
      @media only screen and (max-width: 575px) {
        .aboutus__title-text span {
          font-size: 16px; } }

.text-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .text-content__content {
    width: 780px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 100px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .text-content__content {
        width: 50.625vw;
        margin-bottom: 5.208vw; } }
    @media only screen and (max-width: 767px) {
      .text-content__content {
        margin-bottom: 40px; } }
    .text-content__content p {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      line-height: 28px;
      margin-bottom: 0; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .text-content__content p {
          font-size: 1.042vw;
          line-height: 1.458vw; } }
      @media only screen and (max-width: 767px) {
        .text-content__content p {
          font-size: 18px;
          line-height: normal; } }
      .text-content__content p a {
        color: #231f20; }

.careers {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 125px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .careers {
      padding: 0 0 6.510vw; } }
  @media only screen and (max-width: 991px) {
    .careers {
      padding: 0 0 80px; } }
  @media only screen and (max-width: 767px) {
    .careers {
      padding: 0 0 60px; } }
  .careers__text-titel {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 64px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .careers__text-titel {
        margin-bottom: 3.333vw; } }
    @media only screen and (max-width: 767px) {
      .careers__text-titel {
        margin-bottom: 50px; } }
    .careers__text-titel h2 {
      text-align: center;
      margin-bottom: 16px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .careers__text-titel h2 {
          margin-bottom: 0.833vw; } }
      @media only screen and (max-width: 767px) {
        .careers__text-titel h2 {
          margin-bottom: 8px; } }
    .careers__text-titel span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center;
      width: 710px;
      max-width: 100%;
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .careers__text-titel span {
          font-size: 1.042vw;
          width: 36.979vw; } }
      @media only screen and (max-width: 767px) {
        .careers__text-titel span {
          font-size: 18px; } }
  .careers__content {
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .careers__content {
        width: 50vw; } }
    .careers__content .list {
      list-style-type: none;
      width: 100%;
      padding: 0;
      margin: 0;
      border-top: 1px solid #e1e1e1; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .careers__content .list {
          border-top: 0.052vw solid #e1e1e1; } }
      .careers__content .list li {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #e1e1e1;
        padding: 26px 0; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .careers__content .list li {
            border-top: 0.052vw solid #e1e1e1;
            padding: 1.354vw 0; } }
        @media only screen and (max-width: 767px) {
          .careers__content .list li {
            padding: 20px 0; } }
        @media only screen and (max-width: 575px) {
          .careers__content .list li {
            flex-direction: column;
            justify-content: center;
            align-items: center; } }
        @media only screen and (max-width: 575px) {
          .careers__content .list li .list-info {
            margin-bottom: 24px; } }
        .careers__content .list li .list-info h5 {
          margin-bottom: 4px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .careers__content .list li .list-info h5 {
              margin-bottom: 0.208vw; } }
          @media only screen and (max-width: 575px) {
            .careers__content .list li .list-info h5 {
              text-align: center; } }
        .careers__content .list li .list-info p {
          font-size: 16px;
          font-family: "Open Sans", sans-serif;
          color: #231f20; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .careers__content .list li .list-info p {
              font-size: 0.833vw; } }
          @media only screen and (max-width: 575px) {
            .careers__content .list li .list-info p {
              text-align: center; } }

.account-info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 112px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .account-info {
      padding: 0 0 5.833vw; } }
  @media only screen and (max-width: 767px) {
    .account-info {
      padding: 0 0 30px; } }
  @media only screen and (max-width: 575px) {
    .account-info {
      padding: 0 0 20px; } }
  .account-info__text-titel {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 48px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .account-info__text-titel {
        margin-bottom: 2.500vw; } }
    @media only screen and (max-width: 767px) {
      .account-info__text-titel {
        margin-bottom: 40px; } }
    .account-info__text-titel h2 {
      text-align: center;
      margin-bottom: 14px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .account-info__text-titel h2 {
          margin-bottom: 0.729vw; } }
    .account-info__text-titel span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      line-height: normal;
      text-align: center;
      width: 800px;
      max-width: 100%; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .account-info__text-titel span {
          font-size: 1.042vw;
          width: 41.667vw; } }
      @media only screen and (max-width: 575px) {
        .account-info__text-titel span {
          font-size: 18px; } }
  .account-info__content {
    width: 965px;
    max-width: 100%;
    margin: 0 auto; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .account-info__content {
        width: 50.260vw; } }
    .account-info__content .tab-header {
      border-top: 1px solid #e1e1e1;
      border-bottom: 1px solid #e1e1e1;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .account-info__content .tab-header {
          border-top: 0.052vw solid #e1e1e1;
          border-bottom: 0.052vw solid #e1e1e1; } }
      .account-info__content .tab-header .link-logout {
        color: #221e20;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        width: 70px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .account-info__content .tab-header .link-logout {
            font-size: 0.729vw;
            width: 3.646vw; } }
        @media only screen and (max-width: 991px) {
          .account-info__content .tab-header .link-logout {
            font-size: 12px; } }
        @media only screen and (max-width: 767px) {
          .account-info__content .tab-header .link-logout {
            width: 80px; } }
        @media only screen and (max-width: 475px) {
          .account-info__content .tab-header .link-logout {
            width: 130px; } }
      .account-info__content .tab-header .tab {
        overflow: hidden;
        background-color: transparent;
        border: 0; }
        @media only screen and (max-width: 575px) {
          .account-info__content .tab-header .tab {
            white-space: nowrap;
            overflow-x: auto;
            margin-right: 10px; } }
        .account-info__content .tab-header .tab button {
          outline: none;
          cursor: pointer;
          padding: 26px 0px;
          border: 0;
          color: #221e20;
          font-family: "Open Sans", sans-serif;
          font-size: 14px;
          background-color: transparent;
          margin-right: 32px;
          text-transform: uppercase;
          letter-spacing: 1px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .account-info__content .tab-header .tab button {
              padding: 1.354vw 0px;
              font-size: 0.729vw;
              margin-right: 1.667vw;
              letter-spacing: 0.052vw; } }
          @media only screen and (max-width: 991px) {
            .account-info__content .tab-header .tab button {
              font-size: 12px;
              margin-right: 20px; } }
          @media only screen and (max-width: 767px) {
            .account-info__content .tab-header .tab button {
              padding: 20px 0px;
              font-size: 10px; } }
          @media only screen and (max-width: 575px) {
            .account-info__content .tab-header .tab button {
              font-size: 12px; } }
          .account-info__content .tab-header .tab button:last-child {
            margin-right: 0; }
          .account-info__content .tab-header .tab button.active {
            border-bottom: 2px solid #231f20; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .account-info__content .tab-header .tab button.active {
                border-bottom: 0.104vw solid #231f20; } }
    .account-info__content .tabcontent {
      display: none;
      padding: 6px 0px;
      margin-top: 36px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .account-info__content .tabcontent {
          padding: 0.313vw 0px;
          margin-top: 1.875vw; } }
      @media only screen and (max-width: 767px) {
        .account-info__content .tabcontent {
          margin-top: 30px; } }
      .account-info__content .tabcontent .past-order {
        width: 100%; }
        .account-info__content .tabcontent .past-order table {
          width: 100%; }
          .account-info__content .tabcontent .past-order table thead tr th {
            width: 14%;
            padding-bottom: 21px;
            border-bottom: 1px solid #e1e1e1;
            font-size: 14px;
            line-height: normal;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 300; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .account-info__content .tabcontent .past-order table thead tr th {
                font-size: 0.729vw;
                padding-bottom: 1.094vw;
                border-bottom: 0.052vw solid #e1e1e1; } }
            @media only screen and (max-width: 575px) {
              .account-info__content .tabcontent .past-order table thead tr th {
                padding-left: 40px;
                padding-right: 40px; } }
          .account-info__content .tabcontent .past-order table tbody tr td {
            width: 14%;
            border-bottom: 1px solid #e1e1e1;
            padding: 24px 0;
            font-size: 20px;
            line-height: normal;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 300; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .account-info__content .tabcontent .past-order table tbody tr td {
                font-size: 1.042vw;
                border-bottom: 0.052vw solid #e1e1e1;
                padding: 1.250vw 0; } }
            @media only screen and (max-width: 575px) {
              .account-info__content .tabcontent .past-order table tbody tr td {
                padding: 10px 40px; } }
            .account-info__content .tabcontent .past-order table tbody tr td b {
              font-weight: bold; }
      .account-info__content .tabcontent .accountInformation {
        width: 100%; }
        .account-info__content .tabcontent .accountInformation h3 {
          font-size: 32px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          margin-bottom: 36px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .account-info__content .tabcontent .accountInformation h3 {
              font-size: 1.667vw;
              margin-bottom: 1.875vw; } }
          @media only screen and (max-width: 767px) {
            .account-info__content .tabcontent .accountInformation h3 {
              font-size: 26px; } }
        .account-info__content .tabcontent .accountInformation form {
          width: 100%; }
          .account-info__content .tabcontent .accountInformation form .col-sm-6:nth-child(2n - 1) {
            padding-right: 35px; }
            @media only screen and (max-width: 767px) {
              .account-info__content .tabcontent .accountInformation form .col-sm-6:nth-child(2n - 1) {
                padding-right: 15px; } }
          .account-info__content .tabcontent .accountInformation form .col-sm-6:nth-child(2n) {
            padding-left: 35px; }
            @media only screen and (max-width: 767px) {
              .account-info__content .tabcontent .accountInformation form .col-sm-6:nth-child(2n) {
                padding-left: 15px; } }
          .account-info__content .tabcontent .accountInformation form .form-group {
            margin-bottom: 36px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .account-info__content .tabcontent .accountInformation form .form-group {
                margin-bottom: 1.875vw; } }
            @media only screen and (max-width: 767px) {
              .account-info__content .tabcontent .accountInformation form .form-group {
                margin-bottom: 28px; } }
            .account-info__content .tabcontent .accountInformation form .form-group .form-label {
              font-size: 14px;
              color: #221e20;
              font-family: "Open Sans", sans-serif;
              font-weight: bold;
              text-transform: uppercase;
              margin-bottom: 14px;
              display: block; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .account-info__content .tabcontent .accountInformation form .form-group .form-label {
                  font-size: 0.729vw;
                  margin-bottom: 0.729vw; } }
              @media only screen and (max-width: 767px) {
                .account-info__content .tabcontent .accountInformation form .form-group .form-label {
                  margin-bottom: 10px; } }
            .account-info__content .tabcontent .accountInformation form .form-group .form-control {
              font-size: 16px;
              color: #231f20;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              border-radius: 2px;
              height: 64px;
              padding-left: 26px;
              padding-right: 15px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .account-info__content .tabcontent .accountInformation form .form-group .form-control {
                  font-size: 0.833vw;
                  border-radius: 0.104vw;
                  height: 3.333vw;
                  padding-left: 1.354vw;
                  padding-right: 0.781vw; } }
              @media only screen and (max-width: 767px) {
                .account-info__content .tabcontent .accountInformation form .form-group .form-control {
                  height: 52px;
                  padding-left: 15px; } }
      .account-info__content .tabcontent .wishlist {
        width: 100%; }
        .account-info__content .tabcontent .wishlist__header {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 38px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .account-info__content .tabcontent .wishlist__header {
              margin-bottom: 1.979vw; } }
          @media only screen and (max-width: 767px) {
            .account-info__content .tabcontent .wishlist__header {
              margin-bottom: 25px; } }
          .account-info__content .tabcontent .wishlist__header h5 {
            margin-bottom: 0; }
          .account-info__content .tabcontent .wishlist__header .share-link {
            display: flex;
            align-items: center; }
            .account-info__content .tabcontent .wishlist__header .share-link span {
              font-size: 16px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .account-info__content .tabcontent .wishlist__header .share-link span {
                  font-size: 0.833vw; } }
            .account-info__content .tabcontent .wishlist__header .share-link a {
              font-size: 16px;
              color: #231f20;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              text-decoration: underline;
              margin-left: 15px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .account-info__content .tabcontent .wishlist__header .share-link a {
                  font-size: 0.833vw;
                  margin-left: 0.781vw; } }
        .account-info__content .tabcontent .wishlist__content {
          width: 100%; }
          .account-info__content .tabcontent .wishlist__content.bottom-space {
            margin-bottom: 78px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .account-info__content .tabcontent .wishlist__content.bottom-space {
                margin-bottom: 4.063vw; } }
            @media only screen and (max-width: 767px) {
              .account-info__content .tabcontent .wishlist__content.bottom-space {
                margin-bottom: 50px; } }
          .account-info__content .tabcontent .wishlist__content table thead tr th {
            font-size: 16px;
            color: #221e20;
            font-family: "Open Sans", sans-serif;
            font-weight: 600;
            border-bottom: 2px solid #e5e5e5;
            padding-bottom: 18px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .account-info__content .tabcontent .wishlist__content table thead tr th {
                font-size: 0.833vw;
                border-bottom: 0.104vw solid #e5e5e5;
                padding-bottom: 0.938vw; } }
            .account-info__content .tabcontent .wishlist__content table thead tr th.price {
              text-align: center; }
            .account-info__content .tabcontent .wishlist__content table thead tr th.qty {
              text-align: center; }
          .account-info__content .tabcontent .wishlist__content table tbody tr td {
            padding-top: 21px;
            padding-bottom: 21px;
            border-bottom: 2px solid #e5e5e5; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .account-info__content .tabcontent .wishlist__content table tbody tr td {
                padding-top: 1.094vw;
                padding-bottom: 1.094vw;
                border-bottom: 0.104vw solid #e5e5e5; } }
            .account-info__content .tabcontent .wishlist__content table tbody tr td.wishlist-img {
              padding-right: 20px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .account-info__content .tabcontent .wishlist__content table tbody tr td.wishlist-img {
                  padding-right: 1.042vw; } }
              @media only screen and (max-width: 991px) {
                .account-info__content .tabcontent .wishlist__content table tbody tr td.wishlist-img {
                  width: 136px; } }
            .account-info__content .tabcontent .wishlist__content table tbody tr td p {
              font-size: 16px;
              color: #231f20;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              line-height: normal;
              width: 210px;
              max-width: 100%; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .account-info__content .tabcontent .wishlist__content table tbody tr td p {
                  font-size: 0.833vw;
                  width: 10.938vw; } }
            .account-info__content .tabcontent .wishlist__content table tbody tr td.price {
              font-size: 20px;
              color: #231f20;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              line-height: normal;
              text-align: center;
              padding-left: 25px;
              padding-right: 25px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .account-info__content .tabcontent .wishlist__content table tbody tr td.price {
                  font-size: 1.042vw;
                  padding-left: 1.302vw;
                  padding-right: 1.302vw; } }
            .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box {
              padding-left: 25px;
              padding-right: 25px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box {
                  padding-left: 1.302vw;
                  padding-right: 1.302vw; } }
              .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box .qty_counter {
                display: flex;
                align-items: center;
                justify-content: center; }
                .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box .qty_counter input {
                  width: 84px;
                  text-align: center;
                  padding: 0 26px;
                  border: none;
                  height: 50px;
                  border-radius: 4px;
                  background-color: transparent;
                  font-weight: 600;
                  pointer-events: none; }
                  @media only screen and (max-width: 1920px) and (min-width: 992px) {
                    .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box .qty_counter input {
                      width: 4.375vw;
                      padding: 0 1.354vw;
                      height: 2.604vw;
                      border-radius: 0.208vw; } }
                  .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box .qty_counter input:focus {
                    outline: none; }
                .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box .qty_counter .less {
                  cursor: pointer;
                  font-style: normal;
                  position: absolute;
                  width: 20px;
                  font-size: 20px;
                  height: 100%;
                  top: 0;
                  bottom: 0;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  left: 8px; }
                  @media only screen and (max-width: 1920px) and (min-width: 992px) {
                    .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box .qty_counter .less {
                      width: 1.042vw;
                      font-size: 1.042vw;
                      left: 0.417vw; } }
                .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box .qty_counter .more {
                  cursor: pointer;
                  font-style: normal;
                  position: absolute;
                  width: 20px;
                  font-size: 20px;
                  height: 100%;
                  top: 0;
                  bottom: 0;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  right: 8px; }
                  @media only screen and (max-width: 1920px) and (min-width: 992px) {
                    .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box .qty_counter .more {
                      width: 1.042vw;
                      font-size: 1.042vw;
                      right: 0.417vw; } }
                .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box .qty_counter .qty-input {
                  position: relative;
                  display: inline-block;
                  padding: 0;
                  border: 1px solid #ddd;
                  border-radius: 4px;
                  background-color: transparent; }
                  @media only screen and (max-width: 1920px) and (min-width: 992px) {
                    .account-info__content .tabcontent .wishlist__content table tbody tr td.qty-box .qty_counter .qty-input {
                      border: 0.052vw solid #ddd;
                      border-radius: 0.208vw; } }
            .account-info__content .tabcontent .wishlist__content table tbody tr td.btn-wrap {
              padding-left: 25px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .account-info__content .tabcontent .wishlist__content table tbody tr td.btn-wrap {
                  padding-left: 1.302vw; } }
              @media only screen and (max-width: 991px) {
                .account-info__content .tabcontent .wishlist__content table tbody tr td.btn-wrap a {
                  white-space: nowrap; } }
        .account-info__content .tabcontent .wishlist .more-wishlist {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          border-bottom: 2px solid #e5e5e5;
          padding: 19px 0; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .account-info__content .tabcontent .wishlist .more-wishlist {
              border-bottom: 0.104vw solid #e5e5e5;
              padding: 0.990vw 0; } }
          .account-info__content .tabcontent .wishlist .more-wishlist a {
            font-size: 16px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            display: flex;
            align-items: center; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .account-info__content .tabcontent .wishlist .more-wishlist a {
                font-size: 0.833vw; } }
            .account-info__content .tabcontent .wishlist .more-wishlist a span {
              font-size: 16px;
              color: #231f20;
              margin-left: 7px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .account-info__content .tabcontent .wishlist .more-wishlist a span {
                  font-size: 0.833vw;
                  color: #231f20;
                  margin-left: 0.365vw; } }

.cart {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 76px 0 117px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .cart {
      padding: 6.094vw 0 6.094vw; } }
  @media only screen and (max-width: 991px) {
    .cart {
      padding: 80px 0; } }
  @media only screen and (max-width: 767px) {
    .cart {
      padding: 60px 0; } }
  .cart__section-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 44px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .cart__section-title {
        margin-bottom: 2.292vw; } }
    .cart__section-title h2 {
      text-align: center; }
  .cart__content {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .cart__content .cart-step {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0;
      list-style-type: none;
      margin-bottom: 104px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .cart__content .cart-step {
          margin-bottom: 5.417vw; } }
      @media only screen and (max-width: 767px) {
        .cart__content .cart-step {
          margin-bottom: 30px; } }
      @media only screen and (max-width: 475px) {
        .cart__content .cart-step {
          overflow-x: auto;
          max-width: 100%;
          justify-content: flex-start;
          white-space: nowrap;
          padding-bottom: 10px; } }
      .cart__content .cart-step li {
        display: flex;
        align-items: center;
        margin-right: 74px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .cart__content .cart-step li {
            margin-right: 3.854vw; } }
        @media only screen and (max-width: 767px) {
          .cart__content .cart-step li {
            margin-right: 30px; } }
        .cart__content .cart-step li:last-child {
          margin-right: 0; }
        .cart__content .cart-step li span {
          font-size: 14px;
          color: #ffffff;
          background-color: #999999;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 20px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .cart__content .cart-step li span {
              font-size: 0.729vw;
              width: 1.250vw;
              height: 1.250vw;
              margin-right: 1.042vw; } }
          @media only screen and (max-width: 767px) {
            .cart__content .cart-step li span {
              font-size: 12px;
              width: 20px;
              height: 20px;
              margin-right: 13px; } }
        .cart__content .cart-step li h6 {
          font-size: 20px;
          color: #bcbcbc;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          margin: 0; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .cart__content .cart-step li h6 {
              font-size: 1.042vw; } }
          @media only screen and (max-width: 767px) {
            .cart__content .cart-step li h6 {
              font-size: 18px; } }
        .cart__content .cart-step li.active span {
          background-color: #000000; }
        .cart__content .cart-step li.active h6 {
          color: #231f20; }
    .cart__content .content-wrap {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-start; }
      @media only screen and (max-width: 991px) {
        .cart__content .content-wrap {
          flex-direction: column; } }
      .cart__content .content-wrap .left {
        width: 793px;
        max-width: 100%;
        margin-right: 160px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .cart__content .content-wrap .left {
            width: 41.302vw;
            margin-right: 8.333vw; } }
        @media only screen and (max-width: 991px) {
          .cart__content .content-wrap .left {
            width: 100%; } }
        .cart__content .content-wrap .left table thead tr th {
          font-size: 16px;
          color: #221e20;
          font-family: "Open Sans", sans-serif;
          font-weight: 600;
          border-bottom: 2px solid #e5e5e5;
          padding-bottom: 18px;
          text-transform: uppercase;
          letter-spacing: 1px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .cart__content .content-wrap .left table thead tr th {
              font-size: 0.833vw;
              border-bottom: 0.104vw solid #e5e5e5;
              padding-bottom: 0.938vw;
              letter-spacing: 0.052vw; } }
          .cart__content .content-wrap .left table thead tr th.price {
            text-align: center; }
          .cart__content .content-wrap .left table thead tr th.qty {
            text-align: center; }
        .cart__content .content-wrap .left table tbody tr td {
          padding-top: 21px;
          padding-bottom: 21px;
          border-bottom: 2px solid #e5e5e5; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .cart__content .content-wrap .left table tbody tr td {
              padding-top: 1.094vw;
              padding-bottom: 1.094vw;
              border-bottom: 0.104vw solid #e5e5e5; } }
          .cart__content .content-wrap .left table tbody tr td.wishlist-img {
            padding-right: 20px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .cart__content .content-wrap .left table tbody tr td.wishlist-img {
                padding-right: 1.042vw; } }
            @media only screen and (max-width: 991px) {
              .cart__content .content-wrap .left table tbody tr td.wishlist-img {
                width: 136px; } }
          .cart__content .content-wrap .left table tbody tr td p {
            font-size: 16px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            line-height: normal;
            width: 210px;
            max-width: 100%; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .cart__content .content-wrap .left table tbody tr td p {
                font-size: 0.833vw;
                width: 10.938vw; } }
          .cart__content .content-wrap .left table tbody tr td.price {
            font-size: 20px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            line-height: normal;
            text-align: center;
            padding-left: 25px;
            padding-right: 25px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .cart__content .content-wrap .left table tbody tr td.price {
                font-size: 1.042vw;
                padding-left: 1.302vw;
                padding-right: 1.302vw; } }
          .cart__content .content-wrap .left table tbody tr td.qty-box {
            padding-left: 25px;
            padding-right: 25px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .cart__content .content-wrap .left table tbody tr td.qty-box {
                padding-left: 1.302vw;
                padding-right: 1.302vw; } }
            .cart__content .content-wrap .left table tbody tr td.qty-box .qty_counter {
              display: flex;
              align-items: center;
              justify-content: center; }
              .cart__content .content-wrap .left table tbody tr td.qty-box .qty_counter input {
                width: 84px;
                text-align: center;
                padding: 0 26px;
                border: none;
                height: 50px;
                border-radius: 4px;
                background-color: transparent;
                font-weight: 600;
                pointer-events: none; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .left table tbody tr td.qty-box .qty_counter input {
                    width: 4.375vw;
                    padding: 0 1.354vw;
                    height: 2.604vw;
                    border-radius: 0.208vw; } }
                .cart__content .content-wrap .left table tbody tr td.qty-box .qty_counter input:focus {
                  outline: none; }
              .cart__content .content-wrap .left table tbody tr td.qty-box .qty_counter .less {
                cursor: pointer;
                font-style: normal;
                position: absolute;
                width: 20px;
                font-size: 20px;
                height: 100%;
                top: 0;
                bottom: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                left: 8px; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .left table tbody tr td.qty-box .qty_counter .less {
                    width: 1.042vw;
                    font-size: 1.042vw;
                    left: 0.417vw; } }
              .cart__content .content-wrap .left table tbody tr td.qty-box .qty_counter .more {
                cursor: pointer;
                font-style: normal;
                position: absolute;
                width: 20px;
                font-size: 20px;
                height: 100%;
                top: 0;
                bottom: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                right: 8px; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .left table tbody tr td.qty-box .qty_counter .more {
                    width: 1.042vw;
                    font-size: 1.042vw;
                    right: 0.417vw; } }
              .cart__content .content-wrap .left table tbody tr td.qty-box .qty_counter .qty-input {
                position: relative;
                display: inline-block;
                padding: 0;
                border: 1px solid #ddd;
                border-radius: 4px;
                background-color: transparent; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .left table tbody tr td.qty-box .qty_counter .qty-input {
                    border: 0.052vw solid #ddd;
                    border-radius: 0.208vw; } }
          .cart__content .content-wrap .left table tbody tr td.btn-wrap {
            padding-left: 25px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .cart__content .content-wrap .left table tbody tr td.btn-wrap {
                padding-left: 1.302vw; } }
            @media only screen and (max-width: 991px) {
              .cart__content .content-wrap .left table tbody tr td.btn-wrap a {
                white-space: nowrap; } }
        .cart__content .content-wrap .left .cart-btn {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 42px;
          margin-bottom: 50px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .cart__content .content-wrap .left .cart-btn {
              margin-top: 2.188vw;
              margin-bottom: 2.604vw; } }
          @media only screen and (max-width: 575px) {
            .cart__content .content-wrap .left .cart-btn {
              flex-direction: column-reverse; } }
          .cart__content .content-wrap .left .cart-btn .button__grey {
            margin-bottom: 15px; }
        .cart__content .content-wrap .left .free-gift-box {
          width: 100%;
          border: 2px solid #231f20; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .cart__content .content-wrap .left .free-gift-box {
              border: 0.104vw solid #231f20; } }
          @media only screen and (max-width: 991px) {
            .cart__content .content-wrap .left .free-gift-box {
              margin-bottom: 50px; } }
          .cart__content .content-wrap .left .free-gift-box .top-content {
            width: 100%;
            padding: 44px 56px;
            border-bottom: 2px solid #dcdcdc; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .cart__content .content-wrap .left .free-gift-box .top-content {
                padding: 2.292vw 2.917vw;
                border-bottom: 0.104vw solid #dcdcdc; } }
            @media only screen and (max-width: 575px) {
              .cart__content .content-wrap .left .free-gift-box .top-content {
                padding: 30px 20px; } }
            .cart__content .content-wrap .left .free-gift-box .top-content h5 {
              margin-bottom: 14px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .cart__content .content-wrap .left .free-gift-box .top-content h5 {
                  margin-bottom: 0.729vw; } }
            .cart__content .content-wrap .left .free-gift-box .top-content p {
              font-size: 18px;
              color: #231f20;
              line-height: 25px;
              font-weight: 300;
              width: 600px;
              max-width: 100%; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .cart__content .content-wrap .left .free-gift-box .top-content p {
                  font-size: 0.938vw;
                  line-height: 1.302vw;
                  width: 31.250vw; } }
              @media only screen and (max-width: 991px) {
                .cart__content .content-wrap .left .free-gift-box .top-content p {
                  width: 100%; } }
          .cart__content .content-wrap .left .free-gift-box .bottom-content {
            width: 100%;
            padding: 36px 56px;
            display: flex;
            flex-wrap: wrap; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .cart__content .content-wrap .left .free-gift-box .bottom-content {
                padding: 1.875vw 2.917vw; } }
            @media only screen and (max-width: 575px) {
              .cart__content .content-wrap .left .free-gift-box .bottom-content {
                padding: 30px 20px; } }
            .cart__content .content-wrap .left .free-gift-box .bottom-content .list {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between; }
              @media only screen and (max-width: 767px) {
                .cart__content .content-wrap .left .free-gift-box .bottom-content .list {
                  flex-direction: column;
                  justify-content: flex-start;
                  align-items: flex-start; } }
              .cart__content .content-wrap .left .free-gift-box .bottom-content .list span {
                font-size: 40px;
                font-family: "Open Sans", sans-serif;
                color: #cacaca;
                font-weight: 800;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #e7e7e7;
                width: 76px;
                height: 75px;
                border-radius: 4px; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .left .free-gift-box .bottom-content .list span {
                    font-size: 2.083vw;
                    width: 3.958vw;
                    height: 3.906vw;
                    border-radius: 0.208vw; } }
                @media only screen and (max-width: 767px) {
                  .cart__content .content-wrap .left .free-gift-box .bottom-content .list span {
                    margin-bottom: 15px; } }
              .cart__content .content-wrap .left .free-gift-box .bottom-content .list p {
                font-size: 18px;
                color: #231f20;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                margin-bottom: 0; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .left .free-gift-box .bottom-content .list p {
                    font-size: 0.938vw; } }
                @media only screen and (max-width: 767px) {
                  .cart__content .content-wrap .left .free-gift-box .bottom-content .list p {
                    margin-bottom: 15px; } }
      .cart__content .content-wrap .right {
        width: 320px;
        max-width: 100%; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .cart__content .content-wrap .right {
            width: 16.667vw; } }
        @media only screen and (max-width: 991px) {
          .cart__content .content-wrap .right {
            width: 100%; } }
        .cart__content .content-wrap .right .cart-totals {
          width: 100%; }
          .cart__content .content-wrap .right .cart-totals h6 {
            font-size: 16px;
            color: #221e20;
            font-family: "Open Sans", sans-serif;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 32px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .cart__content .content-wrap .right .cart-totals h6 {
                font-size: 0.833vw;
                letter-spacing: 0.052vw;
                margin-bottom: 1.667vw; } }
          .cart__content .content-wrap .right .cart-totals .box {
            width: 100%;
            background-color: #f9f9f9;
            border-radius: 6px;
            list-style-type: none;
            margin: 0;
            border: 2px solid #e2e2e2;
            padding: 34px;
            margin-bottom: 46px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .cart__content .content-wrap .right .cart-totals .box {
                border-radius: 0.313vw;
                border: 0.104vw solid #e2e2e2;
                padding: 1.771vw;
                margin-bottom: 2.396vw; } }
            @media only screen and (max-width: 575px) {
              .cart__content .content-wrap .right .cart-totals .box {
                padding: 15px; } }
            .cart__content .content-wrap .right .cart-totals .box li {
              display: flex;
              align-items: center;
              justify-content: space-between;
              margin-bottom: 18px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .cart__content .content-wrap .right .cart-totals .box li {
                  margin-bottom: 0.938vw; } }
              .cart__content .content-wrap .right .cart-totals .box li:last-child {
                margin-bottom: 0; }
              .cart__content .content-wrap .right .cart-totals .box li label {
                font-size: 16px;
                color: #221e20;
                font-family: "Open Sans", sans-serif;
                font-weight: 600;
                text-transform: uppercase;
                margin-bottom: 0; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .right .cart-totals .box li label {
                    font-size: 0.833vw; } }
              .cart__content .content-wrap .right .cart-totals .box li span {
                font-size: 20px;
                color: #231f20;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                margin-bottom: 0; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .right .cart-totals .box li span {
                    font-size: 1.042vw; } }
              .cart__content .content-wrap .right .cart-totals .box li a {
                font-size: 14px;
                color: #231f20;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: block;
                text-align: center; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .right .cart-totals .box li a {
                    font-size: 0.729vw; } }
              .cart__content .content-wrap .right .cart-totals .box li p {
                font-size: 16px;
                color: #231f20;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                margin-bottom: 0; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .right .cart-totals .box li p {
                    font-size: 0.833vw; } }
          .cart__content .content-wrap .right .cart-totals .promo-code {
            width: 100%;
            margin-bottom: 38px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .cart__content .content-wrap .right .cart-totals .promo-code {
                margin-bottom: 1.979vw; } }
            .cart__content .content-wrap .right .cart-totals .promo-code label {
              font-size: 16px;
              color: #221e20;
              font-family: "Open Sans", sans-serif;
              font-weight: 600;
              text-transform: uppercase;
              margin-bottom: 10px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .cart__content .content-wrap .right .cart-totals .promo-code label {
                  font-size: 0.833vw;
                  margin-bottom: 0.521vw; } }
            .cart__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap {
              width: 100%;
              display: flex;
              align-items: center; }
              .cart__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap input {
                font-size: 16px;
                color: #221e20;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                height: 64px;
                border: 2px solid #e5e5e5;
                border-right: 0;
                padding-left: 30px;
                box-shadow: none;
                outline: none; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap input {
                    font-size: 0.833vw;
                    height: 3.333vw;
                    border: 0.104vw solid #e5e5e5;
                    padding-left: 1.563vw; } }
                @media only screen and (max-width: 575px) {
                  .cart__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap input {
                    font-size: 16px;
                    height: 50px;
                    padding-left: 18px; } }
              .cart__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap button {
                font-size: 16px;
                color: #221e20;
                font-family: "Open Sans", sans-serif;
                font-weight: 600;
                text-transform: uppercase;
                background-color: transparent;
                border: 0;
                padding: 0;
                height: 64px;
                border: 2px solid #e5e5e5;
                border-left: 0;
                padding-right: 30px;
                padding-left: 15px;
                outline: none; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .cart__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap button {
                    font-size: 0.833vw;
                    height: 3.333vw;
                    border: 0.104vw solid #e5e5e5;
                    padding-right: 1.563vw;
                    padding-left: 0.781vw; } }
                @media only screen and (max-width: 575px) {
                  .cart__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap button {
                    height: 50px;
                    padding-left: 15px; } }
          .cart__content .content-wrap .right .cart-totals .bottom-btn-wrap {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column; }
            .cart__content .content-wrap .right .cart-totals .bottom-btn-wrap .button {
              width: 100%;
              white-space: nowrap; }
              @media only screen and (max-width: 991px) {
                .cart__content .content-wrap .right .cart-totals .bottom-btn-wrap .button {
                  width: auto;
                  margin: 0 auto; } }
              @media only screen and (max-width: 475px) {
                .cart__content .content-wrap .right .cart-totals .bottom-btn-wrap .button {
                  padding: 14px 30px; } }
            .cart__content .content-wrap .right .cart-totals .bottom-btn-wrap .or-option {
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
              text-align: center;
              font-size: 18px;
              color: #231f20;
              font-family: "Open Sans", sans-serif;
              font-weight: 300;
              margin: 20px 0; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .cart__content .content-wrap .right .cart-totals .bottom-btn-wrap .or-option {
                  font-size: 0.938vw;
                  margin: 1.042vw 0; } }
              @media only screen and (max-width: 575px) {
                .cart__content .content-wrap .right .cart-totals .bottom-btn-wrap .or-option {
                  margin: 14px 0; } }
            .cart__content .content-wrap .right .cart-totals .bottom-btn-wrap .btn-amazonpay {
              background-color: #f79c34;
              padding: 18px 55px;
              display: inline-flex;
              justify-content: center;
              align-items: center;
              width: 100%; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .cart__content .content-wrap .right .cart-totals .bottom-btn-wrap .btn-amazonpay {
                  padding: 0.938vw 2.865vw; } }
              @media only screen and (max-width: 991px) {
                .cart__content .content-wrap .right .cart-totals .bottom-btn-wrap .btn-amazonpay {
                  width: 351px;
                  max-width: 100%;
                  margin: 0 auto; } }

.checkout {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 76px 0 117px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .checkout {
      padding: 6.094vw 0 6.094vw; } }
  @media only screen and (max-width: 991px) {
    .checkout {
      padding: 80px 0; } }
  @media only screen and (max-width: 767px) {
    .checkout {
      padding: 60px 0; } }
  .checkout__section-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 44px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .checkout__section-title {
        margin-bottom: 2.292vw; } }
    .checkout__section-title h2 {
      text-align: center; }
  .checkout__content {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .checkout__content .cart-step {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0;
      list-style-type: none;
      margin-bottom: 104px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .checkout__content .cart-step {
          margin-bottom: 5.417vw; } }
      @media only screen and (max-width: 767px) {
        .checkout__content .cart-step {
          margin-bottom: 30px; } }
      @media only screen and (max-width: 475px) {
        .checkout__content .cart-step {
          overflow-x: auto;
          max-width: 100%;
          justify-content: flex-start;
          white-space: nowrap;
          padding-bottom: 10px; } }
      .checkout__content .cart-step li {
        display: flex;
        align-items: center;
        margin-right: 74px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .checkout__content .cart-step li {
            margin-right: 3.854vw; } }
        @media only screen and (max-width: 767px) {
          .checkout__content .cart-step li {
            margin-right: 30px; } }
        .checkout__content .cart-step li:last-child {
          margin-right: 0; }
        .checkout__content .cart-step li span {
          font-size: 14px;
          color: #ffffff;
          background-color: #999999;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 20px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .checkout__content .cart-step li span {
              font-size: 0.729vw;
              width: 1.250vw;
              height: 1.250vw;
              margin-right: 1.042vw; } }
          @media only screen and (max-width: 767px) {
            .checkout__content .cart-step li span {
              font-size: 12px;
              width: 20px;
              height: 20px;
              margin-right: 13px; } }
        .checkout__content .cart-step li h6 {
          font-size: 20px;
          color: #bcbcbc;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          margin: 0; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .checkout__content .cart-step li h6 {
              font-size: 1.042vw; } }
          @media only screen and (max-width: 767px) {
            .checkout__content .cart-step li h6 {
              font-size: 18px; } }
        .checkout__content .cart-step li.active span {
          background-color: #000000; }
        .checkout__content .cart-step li.active h6 {
          color: #231f20; }
    .checkout__content .content-wrap {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-start; }
      @media only screen and (max-width: 991px) {
        .checkout__content .content-wrap {
          flex-direction: column; } }
      .checkout__content .content-wrap .left {
        width: 793px;
        max-width: 100%;
        margin-right: 160px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .checkout__content .content-wrap .left {
            width: 41.302vw;
            margin-right: 8.333vw; } }
        @media only screen and (max-width: 991px) {
          .checkout__content .content-wrap .left {
            width: 100%; } }
        .checkout__content .content-wrap .left h5 {
          margin-bottom: 32px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .checkout__content .content-wrap .left h5 {
              margin-bottom: 1.667vw; } }
        .checkout__content .content-wrap .left form {
          width: 100%;
          margin-bottom: 24px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .checkout__content .content-wrap .left form {
              margin-bottom: 1.250vw; } }
          .checkout__content .content-wrap .left form .form-group {
            margin-bottom: 32px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .checkout__content .content-wrap .left form .form-group {
                margin-bottom: 1.667vw; } }
            .checkout__content .content-wrap .left form .form-group .form-label {
              font-size: 16px;
              color: #221e20;
              font-family: "Open Sans", sans-serif;
              font-weight: 600;
              text-transform: uppercase;
              margin-bottom: 12px;
              letter-spacing: 1px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .checkout__content .content-wrap .left form .form-group .form-label {
                  font-size: 0.833vw;
                  margin-bottom: 0.625vw;
                  letter-spacing: 0.052vw; } }
              @media only screen and (max-width: 767px) {
                .checkout__content .content-wrap .left form .form-group .form-label {
                  margin-bottom: 8px; } }
            .checkout__content .content-wrap .left form .form-group .form-control {
              font-size: 16px;
              color: #231f20;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              height: 64px;
              padding-left: 30px;
              appearance: none; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .checkout__content .content-wrap .left form .form-group .form-control {
                  font-size: 0.833vw;
                  height: 3.333vw;
                  padding-left: 1.563vw; } }
              @media only screen and (max-width: 767px) {
                .checkout__content .content-wrap .left form .form-group .form-control {
                  height: 50px;
                  padding-left: 15px; } }
              .checkout__content .content-wrap .left form .form-group .form-control.down-arrow {
                background-image: url("//graftobian.com/cdn/shop/files/cw-down-arrow.png?v=13201197971475709239");
                background-size: 11px 8px;
                background-repeat: no-repeat;
                background-position: center right 30px; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .checkout__content .content-wrap .left form .form-group .form-control.down-arrow {
                    background-size: 0.573vw 0.417vw;
                    background-position: center right 1.563vw; } }
                @media only screen and (max-width: 767px) {
                  .checkout__content .content-wrap .left form .form-group .form-control.down-arrow {
                    background-position: center right 15px; } }
            .checkout__content .content-wrap .left form .form-group .button {
              padding: 18px 38px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .checkout__content .content-wrap .left form .form-group .button {
                  padding: 0.938vw 1.979vw; } }
              @media only screen and (max-width: 991px) {
                .checkout__content .content-wrap .left form .form-group .button {
                  padding: 17px 10px;
                  font-size: 17px; } }
              @media only screen and (max-width: 767px) {
                .checkout__content .content-wrap .left form .form-group .button {
                  font-size: 18px;
                  padding: 14px 55px; } }
              @media only screen and (max-width: 575px) {
                .checkout__content .content-wrap .left form .form-group .button {
                  padding: 14px 35px; } }
      .checkout__content .content-wrap .right {
        width: 320px;
        max-width: 100%; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .checkout__content .content-wrap .right {
            width: 16.667vw; } }
        @media only screen and (max-width: 991px) {
          .checkout__content .content-wrap .right {
            width: 100%; } }
        .checkout__content .content-wrap .right .cart-totals {
          width: 100%; }
          .checkout__content .content-wrap .right .cart-totals h6 {
            font-size: 16px;
            color: #221e20;
            font-family: "Open Sans", sans-serif;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 32px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .checkout__content .content-wrap .right .cart-totals h6 {
                font-size: 0.833vw;
                letter-spacing: 0.052vw;
                margin-bottom: 1.667vw; } }
          .checkout__content .content-wrap .right .cart-totals .box {
            width: 100%;
            background-color: #f9f9f9;
            border-radius: 6px;
            list-style-type: none;
            margin: 0;
            border: 2px solid #e2e2e2;
            padding: 34px;
            margin-bottom: 46px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .checkout__content .content-wrap .right .cart-totals .box {
                border-radius: 0.313vw;
                border: 0.104vw solid #e2e2e2;
                padding: 1.771vw;
                margin-bottom: 2.396vw; } }
            @media only screen and (max-width: 575px) {
              .checkout__content .content-wrap .right .cart-totals .box {
                padding: 15px; } }
            .checkout__content .content-wrap .right .cart-totals .box li {
              display: flex;
              align-items: center;
              justify-content: space-between;
              margin-bottom: 18px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .checkout__content .content-wrap .right .cart-totals .box li {
                  margin-bottom: 0.938vw; } }
              .checkout__content .content-wrap .right .cart-totals .box li:last-child {
                margin-bottom: 0; }
              .checkout__content .content-wrap .right .cart-totals .box li label {
                font-size: 16px;
                color: #221e20;
                font-family: "Open Sans", sans-serif;
                font-weight: 600;
                text-transform: uppercase;
                margin-bottom: 0; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .checkout__content .content-wrap .right .cart-totals .box li label {
                    font-size: 0.833vw; } }
              .checkout__content .content-wrap .right .cart-totals .box li span {
                font-size: 20px;
                color: #231f20;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                margin-bottom: 0; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .checkout__content .content-wrap .right .cart-totals .box li span {
                    font-size: 1.042vw; } }
              .checkout__content .content-wrap .right .cart-totals .box li a {
                font-size: 14px;
                color: #231f20;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: block;
                text-align: center; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .checkout__content .content-wrap .right .cart-totals .box li a {
                    font-size: 0.729vw; } }
              .checkout__content .content-wrap .right .cart-totals .box li p {
                font-size: 16px;
                color: #231f20;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                margin-bottom: 0; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .checkout__content .content-wrap .right .cart-totals .box li p {
                    font-size: 0.833vw; } }
          .checkout__content .content-wrap .right .cart-totals .pay-installment {
            border: 2px solid #e2e2e2;
            border-radius: 6px;
            padding: 16px;
            margin-bottom: 44px;
            display: flex;
            flex-direction: column; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .checkout__content .content-wrap .right .cart-totals .pay-installment {
                border: 0.104vw solid #e2e2e2;
                border-radius: 0.313vw;
                padding: 0.833vw;
                margin-bottom: 2.292vw; } }
            .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox {
              padding-left: 0;
              margin-bottom: 12px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox {
                  margin-bottom: 0.625vw; } }
              @media only screen and (max-width: 991px) {
                .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox {
                  float: left;
                  margin-right: 20px; } }
              .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-label {
                padding-left: 44px;
                font-size: 24px;
                color: #221e20;
                font-family: "Optima";
                font-weight: normal;
                cursor: pointer; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-label {
                    padding-left: 2.292vw;
                    font-size: 1.250vw; } }
                @media only screen and (max-width: 575px) {
                  .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-label {
                    padding-left: 22px;
                    font-size: 12px;
                    letter-spacing: 0; } }
                .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-label::before {
                  content: '';
                  width: 27px;
                  height: 27px;
                  border: 2px solid #d7d7d7;
                  left: 0px;
                  top: 8px;
                  box-shadow: none; }
                  @media only screen and (max-width: 1920px) and (min-width: 992px) {
                    .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-label::before {
                      width: 1.406vw;
                      height: 1.406vw;
                      border: 0.104vw solid #d7d7d7;
                      top: 0.417vw; } }
                  @media only screen and (max-width: 575px) {
                    .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-label::before {
                      width: 16px;
                      height: 16px;
                      top: 1px; } }
                .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-label::after {
                  content: '';
                  position: absolute;
                  border: solid #ffffff;
                  border-width: 0 3px 3px 0;
                  width: 7px;
                  height: 14px;
                  transform: rotate(45deg);
                  top: 9px;
                  left: 7px;
                  background-image: none; }
                  @media only screen and (max-width: 1920px) and (min-width: 992px) {
                    .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-label::after {
                      border-width: 0 0.156vw 0.156vw 0;
                      width: 0.365vw;
                      height: 0.729vw;
                      top: 0.469vw;
                      left: 0.365vw; } }
                  @media only screen and (max-width: 575px) {
                    .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-label::after {
                      top: 1px; } }
              .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-input:checked + .custom-control-label::after {
                display: block; }
              .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
                background-color: #000;
                border: 2px solid #000; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .checkout__content .content-wrap .right .cart-totals .pay-installment .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
                    border: 0.104vw solid #000; } }
            .checkout__content .content-wrap .right .cart-totals .pay-installment .box {
              padding: 14px 0px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .checkout__content .content-wrap .right .cart-totals .pay-installment .box {
                  padding: 0.729vw 0px; } }
          .checkout__content .content-wrap .right .cart-totals .promo-code {
            width: 100%;
            margin-bottom: 38px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .checkout__content .content-wrap .right .cart-totals .promo-code {
                margin-bottom: 1.979vw; } }
            .checkout__content .content-wrap .right .cart-totals .promo-code label {
              font-size: 16px;
              color: #221e20;
              font-family: "Open Sans", sans-serif;
              font-weight: 600;
              text-transform: uppercase;
              margin-bottom: 10px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .checkout__content .content-wrap .right .cart-totals .promo-code label {
                  font-size: 0.833vw;
                  margin-bottom: 0.521vw; } }
            .checkout__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap {
              width: 100%;
              display: flex;
              align-items: center; }
              .checkout__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap input {
                font-size: 16px;
                color: #221e20;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                height: 64px;
                border: 2px solid #e5e5e5;
                border-right: 0;
                padding-left: 30px;
                box-shadow: none;
                outline: none; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .checkout__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap input {
                    font-size: 0.833vw;
                    height: 3.333vw;
                    border: 0.104vw solid #e5e5e5;
                    padding-left: 1.563vw; } }
                @media only screen and (max-width: 575px) {
                  .checkout__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap input {
                    font-size: 16px;
                    height: 50px;
                    padding-left: 18px; } }
              .checkout__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap button {
                font-size: 16px;
                color: #221e20;
                font-family: "Open Sans", sans-serif;
                font-weight: 600;
                text-transform: uppercase;
                background-color: transparent;
                border: 0;
                padding: 0;
                height: 64px;
                border: 2px solid #e5e5e5;
                border-left: 0;
                padding-right: 30px;
                padding-left: 15px;
                outline: none; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .checkout__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap button {
                    font-size: 0.833vw;
                    height: 3.333vw;
                    border: 0.104vw solid #e5e5e5;
                    padding-right: 1.563vw;
                    padding-left: 0.781vw; } }
                @media only screen and (max-width: 575px) {
                  .checkout__content .content-wrap .right .cart-totals .promo-code .btn-input-wrap button {
                    height: 50px;
                    padding-left: 15px; } }
          .checkout__content .content-wrap .right .cart-totals .bottom-btn-wrap {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column; }
            .checkout__content .content-wrap .right .cart-totals .bottom-btn-wrap .button {
              width: 100%;
              white-space: nowrap; }
              @media only screen and (max-width: 991px) {
                .checkout__content .content-wrap .right .cart-totals .bottom-btn-wrap .button {
                  width: auto;
                  margin: 0 auto; } }
              @media only screen and (max-width: 475px) {
                .checkout__content .content-wrap .right .cart-totals .bottom-btn-wrap .button {
                  padding: 14px 30px; } }
            .checkout__content .content-wrap .right .cart-totals .bottom-btn-wrap .or-option {
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
              text-align: center;
              font-size: 18px;
              color: #231f20;
              font-family: "Open Sans", sans-serif;
              font-weight: 300;
              margin: 20px 0; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .checkout__content .content-wrap .right .cart-totals .bottom-btn-wrap .or-option {
                  font-size: 0.938vw;
                  margin: 1.042vw 0; } }
              @media only screen and (max-width: 575px) {
                .checkout__content .content-wrap .right .cart-totals .bottom-btn-wrap .or-option {
                  margin: 14px 0; } }
            .checkout__content .content-wrap .right .cart-totals .bottom-btn-wrap .btn-amazonpay {
              display: inline-flex;
              justify-content: center;
              align-items: center;
              width: 100%;
              margin-top: 22px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .checkout__content .content-wrap .right .cart-totals .bottom-btn-wrap .btn-amazonpay {
                  margin-top: 1.146vw; } }
          .checkout__content .content-wrap .right .cart-totals .pay-securely-now {
            width: 100%; }
            .checkout__content .content-wrap .right .cart-totals .pay-securely-now form {
              width: 100%; }
              .checkout__content .content-wrap .right .cart-totals .pay-securely-now form .form-group .form-control {
                font-size: 16px;
                color: #231f20;
                font-family: "Open Sans", sans-serif;
                font-weight: normal;
                border-radius: 0;
                border: 2px solid #e2e2e2;
                height: 64px;
                padding-left: 16px;
                box-shadow: none; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .checkout__content .content-wrap .right .cart-totals .pay-securely-now form .form-group .form-control {
                    font-size: 0.833vw;
                    border: 0.104vw solid #e2e2e2;
                    height: 3.333vw;
                    padding-left: 0.833vw; } }
                @media only screen and (max-width: 767px) {
                  .checkout__content .content-wrap .right .cart-totals .pay-securely-now form .form-group .form-control {
                    height: 50px; } }
              .checkout__content .content-wrap .right .cart-totals .pay-securely-now form .form-group .month-year-wrap {
                display: flex;
                align-items: center; }
                .checkout__content .content-wrap .right .cart-totals .pay-securely-now form .form-group .month-year-wrap .form-control.month {
                  border-right: 0; }

.catalog-request {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 114px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .catalog-request {
      padding: 0 0 5.938vw; } }
  @media only screen and (max-width: 767px) {
    .catalog-request {
      padding: 0 0 60px; } }
  .catalog-request__section-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 110px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .catalog-request__section-title {
        margin-bottom: 5.729vw; } }
    @media only screen and (max-width: 767px) {
      .catalog-request__section-title {
        margin-bottom: 50px; } }
    .catalog-request__section-title h2 {
      margin-bottom: 34px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .catalog-request__section-title h2 {
          margin-bottom: 1.771vw; } }
      @media only screen and (max-width: 767px) {
        .catalog-request__section-title h2 {
          margin-bottom: 18px; } }
    .catalog-request__section-title span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      line-height: 28px;
      width: 745px;
      max-width: 100%;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .catalog-request__section-title span {
          font-size: 1.042vw;
          line-height: 1.458vw;
          width: 38.802vw; } }
      @media only screen and (max-width: 767px) {
        .catalog-request__section-title span {
          font-size: 18px; } }
  .catalog-request__content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start; }
    @media only screen and (max-width: 767px) {
      .catalog-request__content {
        flex-direction: column; } }
    .catalog-request__content .left {
      width: 793px;
      max-width: 100%;
      padding-right: 152px;
      border-right: 2px solid #e3e3e3;
      margin-right: 166px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .catalog-request__content .left {
          width: 41.302vw;
          padding-right: 7.917vw;
          border-right: 0.104vw solid #e3e3e3;
          margin-right: 8.646vw; } }
      @media only screen and (max-width: 991px) {
        .catalog-request__content .left {
          padding-right: 20px;
          margin-right: 20px; } }
      @media only screen and (max-width: 767px) {
        .catalog-request__content .left {
          padding-right: 0;
          border-right: 0;
          border-bottom: 2px solid #e3e3e3;
          margin-right: 0;
          padding-bottom: 20px;
          margin-bottom: 50px;
          width: 100%; } }
      .catalog-request__content .left h5 {
        margin-bottom: 32px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .catalog-request__content .left h5 {
            margin-bottom: 1.667vw; } }
      .catalog-request__content .left form {
        width: 100%; }
        .catalog-request__content .left form .form-group {
          margin-bottom: 32px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .catalog-request__content .left form .form-group {
              margin-bottom: 1.667vw; } }
          .catalog-request__content .left form .form-group .form-label {
            font-size: 16px;
            color: #221e20;
            font-family: "Open Sans", sans-serif;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 12px;
            letter-spacing: 1px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .catalog-request__content .left form .form-group .form-label {
                font-size: 0.833vw;
                margin-bottom: 0.625vw;
                letter-spacing: 0.052vw; } }
            @media only screen and (max-width: 767px) {
              .catalog-request__content .left form .form-group .form-label {
                margin-bottom: 8px; } }
          .catalog-request__content .left form .form-group .form-control {
            font-size: 16px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            height: 64px;
            padding-left: 30px;
            appearance: none; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .catalog-request__content .left form .form-group .form-control {
                font-size: 0.833vw;
                height: 3.333vw;
                padding-left: 1.563vw; } }
            @media only screen and (max-width: 767px) {
              .catalog-request__content .left form .form-group .form-control {
                height: 50px;
                padding-left: 15px; } }
            .catalog-request__content .left form .form-group .form-control.down-arrow {
              background-image: url("//graftobian.com/cdn/shop/files/cw-down-arrow.png?v=13201197971475709239");
              background-size: 11px 8px;
              background-repeat: no-repeat;
              background-position: center right 30px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .catalog-request__content .left form .form-group .form-control.down-arrow {
                  background-size: 0.573vw 0.417vw;
                  background-position: center right 1.563vw; } }
              @media only screen and (max-width: 767px) {
                .catalog-request__content .left form .form-group .form-control.down-arrow {
                  background-position: center right 15px; } }
          .catalog-request__content .left form .form-group .button {
            padding: 18px 38px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .catalog-request__content .left form .form-group .button {
                padding: 0.938vw 1.979vw; } }
            @media only screen and (max-width: 991px) {
              .catalog-request__content .left form .form-group .button {
                padding: 17px 10px;
                font-size: 17px; } }
            @media only screen and (max-width: 767px) {
              .catalog-request__content .left form .form-group .button {
                font-size: 18px;
                padding: 14px 55px; } }
            @media only screen and (max-width: 575px) {
              .catalog-request__content .left form .form-group .button {
                padding: 14px 35px; } }
    .catalog-request__content .right {
      width: 320px;
      max-width: 100%; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .catalog-request__content .right {
          width: 16.667vw; } }
      @media only screen and (max-width: 767px) {
        .catalog-request__content .right {
          width: 100%; } }
      .catalog-request__content .right figure {
        margin-bottom: 22px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .catalog-request__content .right figure {
            margin-bottom: 1.146vw; } }
      .catalog-request__content .right p {
        font-size: 18px;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        line-height: 25px;
        width: 300px;
        max-width: 100%;
      }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .catalog-request__content .right p {
            font-size: 0.938vw;
            line-height: 1.302vw;
          	width: 15.625vw; } }
        .catalog-request__content .right p b {
          display: block; }
        .catalog-request__content .right p a {
          text-decoration: underline; }
      .catalog-request__content .right .text-small {
        font-size: 16px;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        line-height: normal;
      	width: 100%;
      }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .catalog-request__content .right .text-small {
            font-size: 0.833vw; } }

.collection-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 72px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .collection-inner {
      padding: 0 0 3.750vw; } }
  @media only screen and (max-width: 767px) {
    .collection-inner {
      padding: 0 0 40px; } }
  .collection-inner__content {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center; }
    @media only screen and (max-width: 991px) {
      .collection-inner__content {
        flex-direction: column; } }
    .collection-inner__content .left {
      width: 291px;
      max-width: 100%;
      margin-right: 36px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .collection-inner__content .left {
          width: 15.156vw;
          margin-right: 1.875vw; } }
      @media only screen and (max-width: 991px) {
        .collection-inner__content .left {
          width: 100%;
          margin-right: 0; } }
      .collection-inner__content .left h6 {
        font-size: 14px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        text-align: center;
        margin-bottom: 42px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .collection-inner__content .left h6 {
            font-size: 0.729vw;
            margin-bottom: 2.188vw; } }
        @media only screen and (max-width: 991px) {
          .collection-inner__content .left h6 {
            margin-bottom: 20px;
            text-align: right; } }
        @media only screen and (max-width: 575px) {
          .collection-inner__content .left h6 {
            margin-bottom: 10px; } }
      .collection-inner__content .left .filter-wrap {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        border: 2px solid #e7e7e7;
        border-radius: 6px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .collection-inner__content .left .filter-wrap {
            border: 0.104vw solid #e7e7e7;
            border-radius: 0.313vw; } }
        @media only screen and (max-width: 991px) {
          .collection-inner__content .left .filter-wrap {
            margin-bottom: 40px; } }
        .collection-inner__content .left .filter-wrap .filter-content {
          width: 100%;
          padding: 36px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .collection-inner__content .left .filter-wrap .filter-content {
              padding: 1.875vw; } }
          @media only screen and (max-width: 991px) {
            .collection-inner__content .left .filter-wrap .filter-content {
              padding: 36px 20px; } }
          @media only screen and (max-width: 575px) {
            .collection-inner__content .left .filter-wrap .filter-content {
              padding: 20px 15px 10px; } }
          .collection-inner__content .left .filter-wrap .filter-content h5 {
            margin-bottom: 18px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .collection-inner__content .left .filter-wrap .filter-content h5 {
                margin-bottom: 0.938vw; } }
          .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox {
            padding-left: 0;
            margin-bottom: 12px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox {
                margin-bottom: 0.625vw; } }
            @media only screen and (max-width: 991px) {
              .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox {
                width: calc(25% - 20px);
                float: left;
                margin-right: 20px; } }
            @media only screen and (max-width: 767px) {
              .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox {
                width: calc(33% - 20px); } }
            @media only screen and (max-width: 575px) {
              .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox {
                width: calc(50% - 20px); } }
            .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-label {
              padding-left: 34px;
              font-size: 14px;
              color: #221e20;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              text-transform: uppercase;
              letter-spacing: 1px;
              cursor: pointer;
              width: 140px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-label {
                  padding-left: 1.771vw;
                  font-size: 0.729vw;
                  letter-spacing: 0.052vw; } }
              @media only screen and (max-width: 575px) {
                .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-label {
                  padding-left: 22px;
                  font-size: 12px;
                  letter-spacing: 0; } }
              .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-label::before {
                content: '';
                width: 18px;
                height: 18px;
                border: 2px solid #d7d7d7;
                left: 0px;
                top: 2px;
                box-shadow: none; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-label::before {
                    width: 0.938vw;
                    height: 0.938vw;
                    border: 0.104vw solid #d7d7d7;
                    top: 0.104vw; } }
                @media only screen and (max-width: 575px) {
                  .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-label::before {
                    width: 16px;
                    height: 16px;
                    top: 1px; } }
              .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-label::after {
                content: '';
                position: absolute;
                border: solid #ffffff;
                border-width: 0 2px 2px 0;
                width: 6px;
                height: 12px;
                transform: rotate(45deg);
                top: 3px;
                left: 6px;
                background-image: none; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-label::after {
                    border-width: 0 0.104vw 0.104vw 0;
                    width: 0.313vw;
                    height: 0.625vw;
                    top: 0.156vw;
                    left: 0.313vw; } }
                @media only screen and (max-width: 575px) {
                  .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-label::after {
                    top: 1px; } }
            .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-input:checked + .custom-control-label::after {
              display: block; }
            .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
              background-color: #000;
              border: 2px solid #000; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .collection-inner__content .left .filter-wrap .filter-content .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
                  border: 0.104vw solid #000; } }
    .collection-inner__content .right {
      width: 1274px;
      max-width: 100%; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .collection-inner__content .right {
          width: 66.354vw; } }
      .collection-inner__content .right .short-by {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 23px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .collection-inner__content .right .short-by {
            margin-bottom: 1.198vw; } }
        @media only screen and (max-width: 767px) {
          .collection-inner__content .right .short-by {
            margin-bottom: 10px; } }
        .collection-inner__content .right .short-by label {
          font-size: 14px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          margin-bottom: 0; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .collection-inner__content .right .short-by label {
              font-size: 0.729vw; } }
        .collection-inner__content .right .short-by .form-control {
          width: 130px;
          border: 0;
          padding: 0;
          font-size: 14px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: bold;
          box-shadow: none; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .collection-inner__content .right .short-by .form-control {
              width: 6.771vw;
              font-size: 0.729vw; } }
      @media only screen and (max-width: 767px) {
        .collection-inner__content .right .flawless-summer {
          padding-bottom: 40px; } }

.education {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .education__section-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 14px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .education__section-title {
        margin-bottom: 0.729vw; } }
    .education__section-title h2 {
      text-align: center;
      margin-bottom: 14px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .education__section-title h2 {
          margin-bottom: 0.729vw; } }
    .education__section-title span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .education__section-title span {
          font-size: 1.042vw; } }
      @media only screen and (max-width: 575px) {
        .education__section-title span {
          font-size: 18px; } }
  .education__content {
    width: 100%;
    /* Style the tab content */ }
    .education__content .tab-header {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      .education__content .tab-header .tab {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .education__content .tab-header .tab {
            white-space: nowrap;
            overflow-x: auto;
            margin-right: 10px;
            justify-content: flex-start; } }
        .education__content .tab-header .tab a {
          background-color: transparent;
          float: left;
          border: none;
          outline: none;
          cursor: pointer;
          padding: 14px 0;
          font-size: 14px;
          color: #221e20;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          margin-right: 66px;
          border-bottom: 2px solid transparent; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .education__content .tab-header .tab a {
              padding: 0.729vw 0;
              font-size: 0.729vw;
              margin-right: 3.438vw;
              border-bottom: 0.104vw solid transparent; } }
          @media only screen and (max-width: 991px) {
            .education__content .tab-header .tab a {
              margin-right: 30px; } }
          .education__content .tab-header .tab a:last-child {
            margin-right: 0; }
          .education__content .tab-header .tab a.active {
            border-bottom: 2px solid #666666; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education__content .tab-header .tab a.active {
                border-bottom: 0.104vw solid #666666; } }
    .education__content .tabcontent {
      width: 100%;
      display: none;
      border-top: none;
      margin-top: 30px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .education__content .tabcontent {
          margin-top: 1.563vw; } }
    .education__content .show-all {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      .education__content .show-all .slide {
        padding: 0 20px;
        width: calc(20% - 40px);
        margin: 35px 0; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .education__content .show-all .slide {
            padding: 0 1.042vw;
            width: calc(20% - 2.083vw);
            margin: 1.823vw 0; } }
        @media only screen and (max-width: 991px) {
          .education__content .show-all .slide {
            width: calc(37% - 40px); } }
        @media only screen and (max-width: 767px) {
          .education__content .show-all .slide {
            width: calc(50% - 40px); } }
        @media only screen and (max-width: 575px) {
          .education__content .show-all .slide {
            width: 100%;
            margin: 20px 0; } }
        .education__content .show-all .slide .box {
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          flex-direction: column;
          width: 100%; }
          @media only screen and (max-width: 575px) {
            .education__content .show-all .slide .box {
              margin: 0 10px;
              display: flex;
              justify-content: center;
              align-items: center;
              margin: 0; } }
          .education__content .show-all .slide .box figure {
            margin-bottom: 30px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education__content .show-all .slide .box figure {
                margin-bottom: 1.563vw; } }
            @media only screen and (max-width: 767px) {
              .education__content .show-all .slide .box figure {
                margin-bottom: 16px; } }
          .education__content .show-all .slide .box .date-of-post {
            font-size: 14px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 300;
            display: block;
            margin-bottom: 10px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education__content .show-all .slide .box .date-of-post {
                font-size: 0.729vw;
                margin-bottom: 0.521vw; } }
            @media only screen and (max-width: 575px) {
              .education__content .show-all .slide .box .date-of-post {
                text-align: center; } }
          .education__content .show-all .slide .box h5 {
            font-size: 26px;
            color: #231f20;
            font-family: "Optima";
            font-weight: 400;
            line-height: normal;
            margin-bottom: 14px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education__content .show-all .slide .box h5 {
                font-size: 1.354vw;
                margin-bottom: 0.729vw; } }
            @media only screen and (max-width: 991px) {
              .education__content .show-all .slide .box h5 {
                font-size: 24px; } }
            @media only screen and (max-width: 767px) {
              .education__content .show-all .slide .box h5 {
                margin-bottom: 6px; } }
            @media only screen and (max-width: 575px) {
              .education__content .show-all .slide .box h5 {
                font-size: 19px;
                font-weight: 500;
                text-align: center; } }
          .education__content .show-all .slide .box p {
            font-size: 16px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 300;
            line-height: 22px;
            width: 275px;
            max-width: 100%; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education__content .show-all .slide .box p {
                font-size: 0.833vw;
                line-height: 1.146vw;
                width: 14.323vw; } }
            @media only screen and (max-width: 575px) {
              .education__content .show-all .slide .box p {
                text-align: center; } }
      .education__content .show-all .flawless-summer {
        padding: 35px 0; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .education__content .show-all .flawless-summer {
            padding: 1.823vw 0; } }
  .education--second {
    padding: 90px 0; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .education--second {
        padding: 4.688vw 0; } }
    @media only screen and (max-width: 767px) {
      .education--second {
        padding: 60px 0; } }
    .education--second .education__section-title h5 {
      font-size: 36px;
      color: #231f20;
      font-family: "Optima";
      font-weight: normal;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .education--second .education__section-title h5 {
          font-size: 1.875vw; } }
      @media only screen and (max-width: 767px) {
        .education--second .education__section-title h5 {
          font-size: 30px; } }
      @media only screen and (max-width: 575px) {
        .education--second .education__section-title h5 {
          font-size: 28px; } }

.education-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 92px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .education-inner {
      padding: 0 0 4.792vw; } }
  @media only screen and (max-width: 767px) {
    .education-inner {
      padding: 0 0 60px; } }
  .education-inner__section-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .education-inner__section-title h2 {
      text-align: center;
      margin-bottom: 24px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .education-inner__section-title h2 {
          margin-bottom: 1.250vw; } }
      @media only screen and (max-width: 575px) {
        .education-inner__section-title h2 {
          font-size: 28px; } }
      @media only screen and (max-width: 991px) {
        .education-inner__section-title h2 br {
          display: none; } }
  .education-inner__content {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .education-inner__content {
        width: 66.667vw; } }
    .education-inner__content .details-of-post {
      font-size: 18px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 400;
      display: flex;
      align-items: center;
      margin-bottom: 50px;
      justify-content: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .education-inner__content .details-of-post {
          font-size: 0.938vw;
          margin-bottom: 2.604vw; } }
      @media only screen and (max-width: 575px) {
        .education-inner__content .details-of-post {
          align-items: flex-start;
          margin-bottom: 20px; } }
      .education-inner__content .details-of-post .circle {
        width: 36px;
        height: 36px;
        background-color: #c7c7c7;
        display: inline-block;
        border-radius: 50%;
        margin-right: 18px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .education-inner__content .details-of-post .circle {
            width: 1.875vw;
            height: 1.875vw;
            margin-right: 0.938vw; } }
        @media only screen and (max-width: 575px) {
          .education-inner__content .details-of-post .circle {
            width: 26px;
            height: 26px;
            margin-right: 10px; } }
      .education-inner__content .details-of-post label {
/*         width: calc(100% - 36px);  */
        margin-bottom: 0;
      }
    .education-inner__content .main-img {
      margin-bottom: 60px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .education-inner__content .main-img {
          margin-bottom: 3.125vw; } }
      @media only screen and (max-width: 575px) {
        .education-inner__content .main-img {
          margin-bottom: 40px; } }
    .education-inner__content .two-col {
      width: 100%;
      display: flex;
      align-items: flex-start; }
      @media only screen and (max-width: 991px) {
        .education-inner__content .two-col {
          flex-direction: column; } }
      .education-inner__content .two-col .left {
        width: 800px;
        max-width: 100%;
        margin-right: 84px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .education-inner__content .two-col .left {
            width: 41.667vw;
            margin-right: 4.375vw; } }
        @media only screen and (max-width: 991px) {
          .education-inner__content .two-col .left {
            width: 100%;
            margin-right: 0;
            margin-bottom: 40px; } }
        .education-inner__content .two-col .left h4 {
          font-size: 36px;
          color: #231f20;
          font-family: "Optima";
          font-weight: 400;
          margin-bottom: 26px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .education-inner__content .two-col .left h4 {
              font-size: 1.875vw;
              margin-bottom: 1.354vw; } }
          @media only screen and (max-width: 575px) {
            .education-inner__content .two-col .left h4 {
              font-size: 24px;
              margin-bottom: 18px; } }
        .education-inner__content .two-col .left p {
          font-size: 20px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          line-height: 28px;
          margin-bottom: 0; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .education-inner__content .two-col .left p {
              font-size: 1.042vw;
              line-height: 1.458vw; } }
          @media only screen and (max-width: 575px) {
            .education-inner__content .two-col .left p {
              font-size: 18px;
              line-height: normal; } }
        .education-inner__content .two-col .left .step-list {
          padding: 0;
          list-style-type: none;
          margin: 0; }
          .education-inner__content .two-col .left .step-list li {
            width: 100%;
            display: flex;
            align-items: flex-start;
            margin-bottom: 48px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education-inner__content .two-col .left .step-list li {
                margin-bottom: 2.500vw; } }
            @media only screen and (max-width: 575px) {
              .education-inner__content .two-col .left .step-list li {
                flex-direction: column; } }
            .education-inner__content .two-col .left .step-list li .left-img {
              width: 281px;
              max-width: 100%;
              margin-right: 34px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .education-inner__content .two-col .left .step-list li .left-img {
                  width: 14.635vw;
                  margin-right: 1.771vw; } }
              @media only screen and (max-width: 575px) {
                .education-inner__content .two-col .left .step-list li .left-img {
                  margin-right: 0;
                  margin-bottom: 20px; } }
              .education-inner__content .two-col .left .step-list li .left-img figure {
                margin: 0;
                width: 100%; }
            .education-inner__content .two-col .left .step-list li .right-text {
              width: 485px;
              max-width: 100%; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .education-inner__content .two-col .left .step-list li .right-text {
                  width: 25.260vw; } }
              .education-inner__content .two-col .left .step-list li .right-text h5 {
                margin-bottom: 14px; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .education-inner__content .two-col .left .step-list li .right-text h5 {
                    margin-bottom: 0.729vw; } }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .education-inner__content .two-col .left .step-list li .right-text h5 {
                    margin-bottom: 8px; } }
              .education-inner__content .two-col .left .step-list li .right-text p {
                font-size: 20px;
                color: #231f20;
                font-family: "Open Sans", sans-serif;
                font-weight: 300;
                line-height: 28px;
                margin-bottom: 0; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .education-inner__content .two-col .left .step-list li .right-text p {
                    font-size: 1.042vw;
                    line-height: 1.458vw; } }
                @media only screen and (max-width: 575px) {
                  .education-inner__content .two-col .left .step-list li .right-text p {
                    font-size: 18px;
                    line-height: normal; } }
        .education-inner__content .two-col .left .share-artical {
          width: 100%;
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 575px) {
            .education-inner__content .two-col .left .share-artical p {
              font-size: 14px; } }
          .education-inner__content .two-col .left .share-artical .social-list {
            padding: 0;
            margin: 0;
            list-style-type: none;
            display: flex;
            align-items: center;
            margin-left: 30px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education-inner__content .two-col .left .share-artical .social-list {
                margin-left: 1.563vw; } }
            @media only screen and (max-width: 575px) {
              .education-inner__content .two-col .left .share-artical .social-list {
                margin-left: 18px; } }
            .education-inner__content .two-col .left .share-artical .social-list li {
              margin-right: 14px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .education-inner__content .two-col .left .share-artical .social-list li {
                  margin-right: 0.729vw; } }
              .education-inner__content .two-col .left .share-artical .social-list li:last-child {
                margin-right: 0; }
      .education-inner__content .two-col .right {
        width: 396px;
        max-width: 100%; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .education-inner__content .two-col .right {
            width: 20.625vw; } }
        @media only screen and (max-width: 991px) {
          .education-inner__content .two-col .right {
            width: 100%; } }
        .education-inner__content .two-col .right .supplies-needed {
          width: 100%;
          padding: 34px 40px;
          border: 2px solid #575454;
          border-radius: 6px;
          margin-bottom: 65px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .education-inner__content .two-col .right .supplies-needed {
              padding: 1.771vw 2.083vw;
              border: 0.104vw solid #575454;
              border-radius: 0.313vw;
              margin-bottom: 3.385vw; } }
          @media only screen and (max-width: 991px) {
            .education-inner__content .two-col .right .supplies-needed {
              margin-bottom: 30px; } }
          @media only screen and (max-width: 575px) {
            .education-inner__content .two-col .right .supplies-needed {
              padding: 30px 15px; } }
          .education-inner__content .two-col .right .supplies-needed h6 {
            margin-bottom: 26px;
            font-size: 26px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education-inner__content .two-col .right .supplies-needed h6 {
                margin-bottom: 1.354vw;
                font-size: 1.354vw; } }
            @media only screen and (max-width: 575px) {
              .education-inner__content .two-col .right .supplies-needed h6 {
                font-size: 24px; } }
          .education-inner__content .two-col .right .supplies-needed .supplies-needed-list {
            padding: 0;
            margin: 0;
            list-style-type: none; }
            .education-inner__content .two-col .right .supplies-needed .supplies-needed-list li {
              position: relative;
              width: 100%;
              display: flex;
              align-items: flex-start;
              margin-bottom: 14px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .education-inner__content .two-col .right .supplies-needed .supplies-needed-list li {
                  margin-bottom: 0.729vw; } }
              .education-inner__content .two-col .right .supplies-needed .supplies-needed-list li:last-child {
                margin-bottom: 0; }
              .education-inner__content .two-col .right .supplies-needed .supplies-needed-list li span {
                margin-right: 12px; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .education-inner__content .two-col .right .supplies-needed .supplies-needed-list li span {
                    margin-right: 0.625vw; } }
                @media only screen and (max-width: 575px) {
                  .education-inner__content .two-col .right .supplies-needed .supplies-needed-list li span {
                    margin-right: 6px; } }
              .education-inner__content .two-col .right .supplies-needed .supplies-needed-list li a {
                font-size: 18px;
                color: #231f20;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                text-decoration: underline; }
                @media only screen and (max-width: 1920px) and (min-width: 992px) {
                  .education-inner__content .two-col .right .supplies-needed .supplies-needed-list li a {
                    font-size: 0.938vw; } }
        .education-inner__content .two-col .right .summer-sale {
          width: 100%;
          background-color: #3d424e;
          border-radius: 6px;
          padding: 75px 56px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .education-inner__content .two-col .right .summer-sale {
              border-radius: 0.313vw;
              padding: 3.906vw 2.917vw; } }
          @media only screen and (max-width: 575px) {
            .education-inner__content .two-col .right .summer-sale {
              padding: 30px 15px; } }
          .education-inner__content .two-col .right .summer-sale label {
            font-size: 18px;
            color: #ffffff;
            font-family: "Open Sans", sans-serif;
            font-weight: 300;
            text-transform: uppercase;
            margin-bottom: 14px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education-inner__content .two-col .right .summer-sale label {
                font-size: 0.938vw;
                margin-bottom: 0.729vw; } }
          .education-inner__content .two-col .right .summer-sale h2 {
            text-align: center;
            color: #ffffff;
            margin-bottom: 14px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education-inner__content .two-col .right .summer-sale h2 {
                margin-bottom: 0.729vw; } }
          .education-inner__content .two-col .right .summer-sale p {
            font-size: 18px;
            color: #ffffff;
            font-family: "Open Sans", sans-serif;
            font-weight: 300;
            line-height: 22px;
            text-align: center;
            margin-bottom: 30px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .education-inner__content .two-col .right .summer-sale p {
                font-size: 0.938vw;
                line-height: 1.146vw;
                margin-bottom: 1.563vw; } }

.login-model .modal-lg {
  max-width: 1280px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .login-model .modal-lg {
      max-width: 66.667vw; } }
  .login-model .modal-lg .modal-content .modal-body {
    padding: 0; }
.login-model__content {
  width: 100%;
  display: flex;
  align-items: flex-start; }
  @media only screen and (max-width: 767px) {
    .login-model__content {
      flex-direction: column; } }
  .login-model__content .signin {
    width: 640px;
    max-width: 100%;
    background-color: #ffffff;
    padding: 70px 84px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .login-model__content .signin {
        width: 33.333vw;
        padding: 3.646vw 4.375vw; } }
    @media only screen and (max-width: 991px) {
      .login-model__content .signin {
        padding: 50px 30px; } }
    @media only screen and (max-width: 767px) {
      .login-model__content .signin {
        width: 100%; } }
    @media only screen and (max-width: 575px) {
      .login-model__content .signin {
        padding: 40px 15px; } }
    .login-model__content .signin h4 {
      font-size: 34px;
      color: #231f20;
      font-family: "Optima";
      font-weight: normal;
      margin-bottom: 40px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .login-model__content .signin h4 {
          font-size: 1.771vw;
          margin-bottom: 2.083vw; } }
      @media only screen and (max-width: 767px) {
        .login-model__content .signin h4 {
          font-size: 30px;
          margin-bottom: 30px; } }
    .login-model__content .signin form {
      width: 100%; }
      .login-model__content .signin form .form-group {
        margin-bottom: 20px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .login-model__content .signin form .form-group {
            margin-bottom: 1.042vw; } }
        .login-model__content .signin form .form-group .form-label {
          font-size: 16px;
          color: #221e20;
          font-family: "Open Sans", sans-serif;
          font-weight: bold;
          text-transform: uppercase;
          margin-bottom: 10px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .signin form .form-group .form-label {
              font-size: 0.833vw;
              margin-bottom: 0.521vw; } }
        .login-model__content .signin form .form-group .form-control {
          font-size: 16px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          height: 64px;
          border-radius: 0;
          padding-left: 30px;
          box-shadow: none; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .signin form .form-group .form-control {
              font-size: 0.833vw;
              height: 3.333vw;
              padding-left: 1.563vw; } }
          @media only screen and (max-width: 767px) {
            .login-model__content .signin form .form-group .form-control {
              height: 50px; } }
        .login-model__content .signin form .form-group .form-label-group {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 10px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .signin form .form-group .form-label-group {
              margin-bottom: 0.521vw; } }
          .login-model__content .signin form .form-group .form-label-group .form-label {
            margin-bottom: 0; }
          .login-model__content .signin form .form-group .form-label-group a {
            font-size: 16px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: normal; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .login-model__content .signin form .form-group .form-label-group a {
                font-size: 0.833vw; } }
        .login-model__content .signin form .form-group .custom-checkbox {
          padding-left: 0;
          margin-bottom: 52px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .signin form .form-group .custom-checkbox {
              margin-bottom: 2.708vw; } }
          @media only screen and (max-width: 767px) {
            .login-model__content .signin form .form-group .custom-checkbox {
              margin-bottom: 30px; } }
          .login-model__content .signin form .form-group .custom-checkbox .custom-control-label {
            padding-left: 34px;
            font-size: 16px;
            color: #221e20;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            letter-spacing: 1px;
            cursor: pointer; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .login-model__content .signin form .form-group .custom-checkbox .custom-control-label {
                padding-left: 1.771vw;
                font-size: 0.833vw;
                letter-spacing: 0.052vw; } }
            .login-model__content .signin form .form-group .custom-checkbox .custom-control-label::before {
              content: "";
              width: 24px;
              height: 24px;
              border: 2px solid #d7d7d7;
              left: 0px;
              top: -1px;
              box-shadow: none; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .login-model__content .signin form .form-group .custom-checkbox .custom-control-label::before {
                  width: 1.250vw;
                  height: 1.250vw;
                  border: 0.104vw solid #d7d7d7;
                  top: -0.052vw; } }
            .login-model__content .signin form .form-group .custom-checkbox .custom-control-label::after {
              content: "";
              position: absolute;
              border: solid #ffffff;
              border-width: 0 3px 3px 0;
              width: 8px;
              height: 14px;
              transform: rotate(45deg);
              top: 2px;
              left: 7px;
              background-image: none; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .login-model__content .signin form .form-group .custom-checkbox .custom-control-label::after {
                  border-width: 0 0.156vw 0.156vw 0;
                  width: 0.417vw;
                  height: 0.729vw;
                  top: 0.104vw;
                  left: 0.365vw; } }
          .login-model__content .signin form .form-group .custom-checkbox .custom-control-input:checked + .custom-control-label::after {
            display: block; }
          .login-model__content .signin form .form-group .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
            background-color: #000;
            border: 2px solid #000; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .login-model__content .signin form .form-group .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
                border: 0.104vw solid #000; } }
  .login-model__content .forgit-password {
    width: 640px;
    max-width: 100%;
    background-color: #ffffff;
    padding: 70px 84px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .login-model__content .forgit-password {
        width: 33.333vw;
        padding: 3.646vw 4.375vw; } }
    @media only screen and (max-width: 991px) {
      .login-model__content .forgit-password {
        padding: 50px 30px; } }
    @media only screen and (max-width: 767px) {
      .login-model__content .forgit-password {
        width: 100%; } }
    @media only screen and (max-width: 575px) {
      .login-model__content .forgit-password {
        padding: 40px 15px; } }
    .login-model__content .forgit-password h4 {
      font-size: 34px;
      color: #231f20;
      font-family: "Optima";
      font-weight: normal;
      margin-bottom: 40px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .login-model__content .forgit-password h4 {
          font-size: 1.771vw;
          margin-bottom: 2.083vw; } }
      @media only screen and (max-width: 767px) {
        .login-model__content .forgit-password h4 {
          font-size: 30px;
          margin-bottom: 30px; } }
    .login-model__content .forgit-password form {
      width: 100%; }
      .login-model__content .forgit-password form .form-group {
        margin-bottom: 20px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .login-model__content .forgit-password form .form-group {
            margin-bottom: 1.042vw; } }
        .login-model__content .forgit-password form .form-group .form-label {
          font-size: 16px;
          color: #221e20;
          font-family: "Open Sans", sans-serif;
          font-weight: bold;
          text-transform: uppercase;
          margin-bottom: 10px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .forgit-password form .form-group .form-label {
              font-size: 0.833vw;
              margin-bottom: 0.521vw; } }
        .login-model__content .forgit-password form .form-group .form-control {
          font-size: 16px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          height: 64px;
          border-radius: 0;
          padding-left: 30px;
          box-shadow: none; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .forgit-password form .form-group .form-control {
              font-size: 0.833vw;
              height: 3.333vw;
              padding-left: 1.563vw; } }
          @media only screen and (max-width: 767px) {
            .login-model__content .forgit-password form .form-group .form-control {
              height: 50px; } }
        .login-model__content .forgit-password form .form-group .form-label-group {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 10px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .forgit-password form .form-group .form-label-group {
              margin-bottom: 0.521vw; } }
          .login-model__content .forgit-password form .form-group .form-label-group .form-label {
            margin-bottom: 0; }
          .login-model__content .forgit-password form .form-group .form-label-group a {
            font-size: 16px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: normal; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .login-model__content .forgit-password form .form-group .form-label-group a {
                font-size: 0.833vw; } }
        .login-model__content .forgit-password form .form-group .custom-checkbox {
          padding-left: 0;
          margin-bottom: 52px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .forgit-password form .form-group .custom-checkbox {
              margin-bottom: 2.708vw; } }
          @media only screen and (max-width: 767px) {
            .login-model__content .forgit-password form .form-group .custom-checkbox {
              margin-bottom: 30px; } }
          .login-model__content .forgit-password form .form-group .custom-checkbox .custom-control-label {
            padding-left: 34px;
            font-size: 16px;
            color: #221e20;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            letter-spacing: 1px;
            cursor: pointer; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .login-model__content .forgit-password form .form-group .custom-checkbox .custom-control-label {
                padding-left: 1.771vw;
                font-size: 0.833vw;
                letter-spacing: 0.052vw; } }
            .login-model__content .forgit-password form .form-group .custom-checkbox .custom-control-label::before {
              content: "";
              width: 24px;
              height: 24px;
              border: 2px solid #d7d7d7;
              left: 0px;
              top: -1px;
              box-shadow: none; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .login-model__content .forgit-password form .form-group .custom-checkbox .custom-control-label::before {
                  width: 1.250vw;
                  height: 1.250vw;
                  border: 0.104vw solid #d7d7d7;
                  top: -0.052vw; } }
            .login-model__content .forgit-password form .form-group .custom-checkbox .custom-control-label::after {
              content: "";
              position: absolute;
              border: solid #ffffff;
              border-width: 0 3px 3px 0;
              width: 8px;
              height: 14px;
              transform: rotate(45deg);
              top: 2px;
              left: 7px;
              background-image: none; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .login-model__content .forgit-password form .form-group .custom-checkbox .custom-control-label::after {
                  border-width: 0 0.156vw 0.156vw 0;
                  width: 0.417vw;
                  height: 0.729vw;
                  top: 0.104vw;
                  left: 0.365vw; } }
          .login-model__content .forgit-password form .form-group .custom-checkbox .custom-control-input:checked + .custom-control-label::after {
            display: block; }
          .login-model__content .forgit-password form .form-group .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
            background-color: #000;
            border: 2px solid #000; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .login-model__content .forgit-password form .form-group .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
                border: 0.104vw solid #000; } }
  .login-model__content .signup {
    width: 640px;
    max-width: 100%;
    background-color: #f6f6f6;
    padding: 70px 84px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .login-model__content .signup {
        width: 33.333vw;
        padding: 3.646vw 4.375vw; } }
    @media only screen and (max-width: 991px) {
      .login-model__content .signup {
        padding: 50px 30px; } }
    @media only screen and (max-width: 767px) {
      .login-model__content .signup {
        width: 100%; } }
    @media only screen and (max-width: 575px) {
      .login-model__content .signup {
        padding: 40px 15px; } }
    .login-model__content .signup h4 {
      font-size: 34px;
      color: #231f20;
      font-family: "Optima";
      font-weight: normal;
      margin-bottom: 40px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .login-model__content .signup h4 {
          font-size: 1.771vw;
          margin-bottom: 2.083vw; } }
      @media only screen and (max-width: 767px) {
        .login-model__content .signup h4 {
          font-size: 30px;
          margin-bottom: 30px; } }
    .login-model__content .signup form {
      width: 100%; }
      .login-model__content .signup form .form-group {
        margin-bottom: 20px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .login-model__content .signup form .form-group {
            margin-bottom: 1.042vw; } }
        .login-model__content .signup form .form-group p {
          font-size: 14px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          margin: 10px 0 28px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .signup form .form-group p {
              font-size: 0.729vw;
              margin: 0.521vw 0 1.458vw; } }
        .login-model__content .signup form .form-group .form-label {
          font-size: 16px;
          color: #221e20;
          font-family: "Open Sans", sans-serif;
          font-weight: bold;
          text-transform: uppercase;
          margin-bottom: 10px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .signup form .form-group .form-label {
              font-size: 0.833vw;
              margin-bottom: 0.521vw; } }
        .login-model__content .signup form .form-group .form-control {
          font-size: 16px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          height: 64px;
          border-radius: 0;
          padding-left: 30px;
          box-shadow: none; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .signup form .form-group .form-control {
              font-size: 0.833vw;
              height: 3.333vw;
              padding-left: 1.563vw; } }
          @media only screen and (max-width: 767px) {
            .login-model__content .signup form .form-group .form-control {
              height: 50px; } }
        .login-model__content .signup form .form-group .form-label-group {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 10px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .login-model__content .signup form .form-group .form-label-group {
              margin-bottom: 0.521vw; } }
          .login-model__content .signup form .form-group .form-label-group .form-label {
            margin-bottom: 0; }
          .login-model__content .signup form .form-group .form-label-group a {
            font-size: 16px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: normal;
            display: none; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .login-model__content .signup form .form-group .form-label-group a {
                font-size: 0.833vw; } }

.new-dealer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 55px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .new-dealer {
      padding: 0 0 2.865vw; } }
  @media only screen and (max-width: 767px) {
    .new-dealer {
      padding: 0 0 40px; } }
  .new-dealer__section-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 78px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .new-dealer__section-title {
        margin-bottom: 4.063vw; } }
    @media only screen and (max-width: 767px) {
      .new-dealer__section-title {
        margin-bottom: 50px; } }
    .new-dealer__section-title h2 {
      margin-bottom: 20px;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .new-dealer__section-title h2 {
          margin-bottom: 1.042vw; } }
      @media only screen and (max-width: 767px) {
        .new-dealer__section-title h2 {
          margin-bottom: 18px; } }
      @media only screen and (max-width: 767px) {
        .new-dealer__section-title h2 br {
          display: none; } }
    .new-dealer__section-title span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      line-height: 28px;
      width: 800px;
      max-width: 100%;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .new-dealer__section-title span {
          font-size: 1.042vw;
          line-height: 1.458vw;
          width: 41.667vw; } }
      @media only screen and (max-width: 767px) {
        .new-dealer__section-title span {
          font-size: 18px; } }
  .new-dealer__content {
    width: 640px;
    max-width: 100%;
    margin: 0 auto; }
    .new-dealer__content h5 {
      margin-bottom: 32px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .new-dealer__content h5 {
          margin-bottom: 1.667vw; } }
    .new-dealer__content form {
      width: 100%; }
      .new-dealer__content form .form-group {
        margin-bottom: 32px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .new-dealer__content form .form-group {
            margin-bottom: 1.667vw; } }
        .new-dealer__content form .form-group .form-label {
          font-size: 16px;
          color: #221e20;
          font-family: "Open Sans", sans-serif;
          font-weight: 600;
          text-transform: uppercase;
          margin-bottom: 12px;
          letter-spacing: 1px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .new-dealer__content form .form-group .form-label {
              font-size: 0.833vw;
              margin-bottom: 0.625vw;
              letter-spacing: 0.052vw; } }
          @media only screen and (max-width: 767px) {
            .new-dealer__content form .form-group .form-label {
              margin-bottom: 8px; } }
        .new-dealer__content form .form-group .form-control {
          font-size: 16px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          height: 64px;
          padding-left: 30px;
          appearance: none;
          box-shadow: none; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .new-dealer__content form .form-group .form-control {
              font-size: 0.833vw;
              height: 3.333vw;
              padding-left: 1.563vw; } }
          @media only screen and (max-width: 767px) {
            .new-dealer__content form .form-group .form-control {
              height: 50px;
              padding-left: 15px; } }
          .new-dealer__content form .form-group .form-control.down-arrow {
            background-image: url("//graftobian.com/cdn/shop/files/cw-down-arrow.png?v=13201197971475709239");
            background-size: 11px 8px;
            background-repeat: no-repeat;
            background-position: center right 30px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .new-dealer__content form .form-group .form-control.down-arrow {
                background-size: 0.573vw 0.417vw;
                background-position: center right 1.563vw; } }
            @media only screen and (max-width: 767px) {
              .new-dealer__content form .form-group .form-control.down-arrow {
                background-position: center right 15px; } }
        .new-dealer__content form .form-group textarea {
          resize: none; }
          .new-dealer__content form .form-group textarea.form-control {
            min-height: 240px; }
        .new-dealer__content form .form-group .button {
          padding: 18px 38px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .new-dealer__content form .form-group .button {
              padding: 0.938vw 1.979vw; } }
          @media only screen and (max-width: 991px) {
            .new-dealer__content form .form-group .button {
              padding: 17px 10px;
              font-size: 17px; } }
          @media only screen and (max-width: 767px) {
            .new-dealer__content form .form-group .button {
              font-size: 18px;
              padding: 14px 55px; } }
          @media only screen and (max-width: 575px) {
            .new-dealer__content form .form-group .button {
              font-size: 16px;
              padding: 14px 19px; } }

.new-product-realese {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 114px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .new-product-realese {
      padding: 0 0 5.938vw; } }
  @media only screen and (max-width: 575px) {
    .new-product-realese {
      padding: 0 0 20px; } }
  .new-product-realese__section-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .new-product-realese__section-title {
        margin-bottom: 1.042vw; } }
    @media only screen and (max-width: 767px) {
      .new-product-realese__section-title {
        margin-bottom: 50px; } }
    .new-product-realese__section-title h2 {
      text-align: center; }
      @media only screen and (max-width: 575px) {
        .new-product-realese__section-title h2 {
          font-size: 30px; } }
    .new-product-realese__section-title span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .new-product-realese__section-title span {
          font-size: 1.042vw; } }
      @media only screen and (max-width: 575px) {
        .new-product-realese__section-title span {
          font-size: 18px; } }
      @media only screen and (max-width: 767px) {
        .new-product-realese__section-title span br {
          display: none; } }
  .new-product-realese__new-prooduct-box {
    width: 345px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .new-product-realese__new-prooduct-box {
        width: 17.969vw; } }
    @media only screen and (max-width: 575px) {
      .new-product-realese__new-prooduct-box {
        margin-bottom: 40px; } }
    .new-product-realese__new-prooduct-box figure {
      min-height: 295px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media only screen and (max-width: 575px) {
        .new-product-realese__new-prooduct-box figure {
          min-height: auto;
          margin-bottom: 15px; } }
    .new-product-realese__new-prooduct-box h5 {
      font-size: 26px;
      color: #231f20;
      font-family: "Optima";
      font-weight: normal;
      line-height: normal;
      text-align: center;
      margin-bottom: 12px;
      min-height: 96px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .new-product-realese__new-prooduct-box h5 {
          font-size: 1.354vw;
          margin-bottom: 0.625vw;
          min-height: 5vw; } }
      @media only screen and (max-width: 991px) {
        .new-product-realese__new-prooduct-box h5 {
          font-size: 19px;
          min-height: 80px; } }
      @media only screen and (max-width: 767px) {
        .new-product-realese__new-prooduct-box h5 {
          min-height: auto; } }
    .new-product-realese__new-prooduct-box p {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center;
      margin-bottom: 30px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .new-product-realese__new-prooduct-box p {
          font-size: 1.042vw;
          margin-bottom: 1.563vw; } }
      @media only screen and (max-width: 991px) {
        .new-product-realese__new-prooduct-box p {
          font-size: 16px; } }
      @media only screen and (max-width: 575px) {
        .new-product-realese__new-prooduct-box p {
          margin-bottom: 2px; } }
    .new-product-realese__new-prooduct-box .button-link {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-family: "Open Sans", sans-serif;
      font-size: 20px;
      text-transform: uppercase;
      color: #000000; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .new-product-realese__new-prooduct-box .button-link {
          font-size: 1.042vw; } }
      @media only screen and (max-width: 767px) {
        .new-product-realese__new-prooduct-box .button-link {
          font-size: 18px;
          padding: 12px 28px; } }
      .new-product-realese__new-prooduct-box .button-link:hover {
        color: #000000; }
      .new-product-realese__new-prooduct-box .button-link span {
        margin-left: 20px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .new-product-realese__new-prooduct-box .button-link span {
            margin-left: 1.042vw; } }

.privacy {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 90px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .privacy {
      padding: 0 0 4.688vw; } }
  @media only screen and (max-width: 767px) {
    .privacy {
      padding: 0 0 40px; } }
  .privacy__section-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 66px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .privacy__section-title {
        margin-bottom: 3.438vw; } }
    @media only screen and (max-width: 575px) {
      .privacy__section-title {
        margin-bottom: 40px; } }
    .privacy__section-title h2 {
      text-align: center;
      margin-bottom: 24px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .privacy__section-title h2 {
          margin-bottom: 1.250vw; } }
      @media only screen and (max-width: 575px) {
        .privacy__section-title h2 {
          margin-bottom: 6px; } }
    .privacy__section-title span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .privacy__section-title span {
          font-size: 1.042vw; } }
  .privacy__content {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .privacy__content {
        width: 66.667vw; } }
    .privacy__content p {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .privacy__content p {
          font-size: 1.042vw; } }
      @media only screen and (max-width: 575px) {
        .privacy__content p {
          font-size: 18px; } }
      .privacy__content p b {
        font-size: 32px;
        font-weight: 400;
        display: block;
        margin-bottom: 4px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .privacy__content p b {
            font-size: 1.667vw;
            margin-bottom: 0.208vw; } }
        @media only screen and (max-width: 575px) {
          .privacy__content p b {
            font-size: 26px; } }

.privat-label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 570px;
  margin-bottom: 84px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .privat-label {
      height: 29.688vw;
      margin-bottom: 4.375vw; } }
  @media only screen and (max-width: 767px) {
    .privat-label {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 575px) {
    .privat-label {
      height: auto; } }
  .privat-label__content {
    width: 612px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    padding: 60px 0;
    margin-left: 160px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .privat-label__content {
        width: 32.875vw;
        padding: 3.125vw 0;
        margin-left: 8.333vw; } }
    @media only screen and (max-width: 991px) {
      .privat-label__content {
        margin-left: 0; } }
    @media only screen and (max-width: 575px) {
      .privat-label__content {
        padding: 40px 0; } }
    .privat-label__content .cus-bredcumb {
      width: 100%;
      list-style-type: none;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin: 0;
      padding: 0;
      margin-bottom: 23px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .privat-label__content .cus-bredcumb {
          margin-bottom: 1.198vw; } }
      .privat-label__content .cus-bredcumb li {
        padding-right: 17px;
        margin-right: 17px;
        position: relative; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .privat-label__content .cus-bredcumb li {
            padding-right: 0.885vw;
            margin-right: 0.885vw; } }
        .privat-label__content .cus-bredcumb li::after {
          content: '';
          width: 1px;
          height: 12px;
          background-color: #231f20;
          position: absolute;
          right: 0;
          top: 60%;
          transform: translatey(-50%) rotate(20deg); }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .privat-label__content .cus-bredcumb li::after {
              width: 0.052vw;
              height: 0.625vw; } }
        .privat-label__content .cus-bredcumb li:last-child::after {
          display: none; }
        .privat-label__content .cus-bredcumb li a {
          font-size: 14px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 400; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .privat-label__content .cus-bredcumb li a {
              font-size: 0.729vw; } }
    .privat-label__content h2 {
      margin-bottom: 16px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .privat-label__content h2 {
          margin-bottom: 0.833vw; } }
    .privat-label__content p {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      line-height: 28px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .privat-label__content p {
          font-size: 1.042vw;
          line-height: 1.458vw; } }
      @media only screen and (max-width: 575px) {
        .privat-label__content p {
          font-size: 18px; } }
      .privat-label__content p a {
        font-weight: bold;
        color: #231f20; }

.special-offer {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .special-offer__section-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 26px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .special-offer__section-title {
        margin-bottom: 1.354vw; } }
    .special-offer__section-title h2 {
      margin-bottom: 4px;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .special-offer__section-title h2 {
          margin-bottom: 0.208vw; } }
    .special-offer__section-title span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .special-offer__section-title span {
          font-size: 1.042vw; } }
      @media only screen and (max-width: 575px) {
        .special-offer__section-title span {
          font-size: 18px; } }
  .special-offer__content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    .special-offer__content .slide {
      padding: 0 17px;
      width: calc(20% - 34px);
      margin: 35px 0; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .special-offer__content .slide {
          padding: 0 0.885vw;
          width: calc(20% - 1.771vw);
          margin: 1.823vw 0; } }
      @media only screen and (max-width: 991px) {
        .special-offer__content .slide {
          width: calc(50% - 34px); } }
      @media only screen and (max-width: 575px) {
        .special-offer__content .slide {
          width: calc(100% - 34px); } }
      .special-offer__content .slide .box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%; }
        .special-offer__content .slide .box figure {
          margin-bottom: 32px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .special-offer__content .slide .box figure {
              margin-bottom: 1.667vw; } }
        .special-offer__content .slide .box h5 {
          margin-bottom: 8px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .special-offer__content .slide .box h5 {
              margin-bottom: 0.417vw; } }
        .special-offer__content .slide .box .offer-text {
          font-size: 20px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          margin-bottom: 26px;
          text-align: center; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .special-offer__content .slide .box .offer-text {
              font-size: 1.042vw;
              margin-bottom: 1.354vw; } }
          @media only screen and (max-width: 575px) {
            .special-offer__content .slide .box .offer-text {
              font-size: 18px; } }
          .special-offer__content .slide .box .offer-text b {
            font-weight: bold; }
        .special-offer__content .slide .box .offer-code {
          margin-bottom: 12px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .special-offer__content .slide .box .offer-code {
              margin-bottom: 0.625vw; } }

.contactus {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 114px; }
  @media only screen and (max-width: 1920px) and (min-width: 992px) {
    .contactus {
      padding: 0 0 5.938vw; } }
  @media only screen and (max-width: 767px) {
    .contactus {
      padding: 0 0 60px; } }
  .contactus__section-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 110px; }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      .contactus__section-title {
        margin-bottom: 5.729vw; } }
    @media only screen and (max-width: 767px) {
      .contactus__section-title {
        margin-bottom: 50px; } }
    .contactus__section-title h2 {
      margin-bottom: 34px;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .contactus__section-title h2 {
          margin-bottom: 1.771vw; } }
      @media only screen and (max-width: 767px) {
        .contactus__section-title h2 {
          margin-bottom: 18px; } }
    .contactus__section-title span {
      font-size: 20px;
      color: #231f20;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      line-height: 28px;
      width: 710px;
      max-width: 100%;
      text-align: center; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .contactus__section-title span {
          font-size: 1.042vw;
          line-height: 1.458vw;
          width: 36.979vw; } }
      @media only screen and (max-width: 767px) {
        .contactus__section-title span {
          font-size: 18px; } }
  .contactus__content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start; }
    @media only screen and (max-width: 767px) {
      .contactus__content {
        flex-direction: column; } }
    .contactus__content .left {
      width: 793px;
      max-width: 100%;
      padding-right: 152px;
      border-right: 2px solid #e3e3e3;
      margin-right: 166px; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .contactus__content .left {
          width: 41.302vw;
          padding-right: 7.917vw;
          border-right: 0.104vw solid #e3e3e3;
          margin-right: 8.646vw; } }
      @media only screen and (max-width: 991px) {
        .contactus__content .left {
          padding-right: 20px;
          margin-right: 20px; } }
      @media only screen and (max-width: 767px) {
        .contactus__content .left {
          padding-right: 0;
          border-right: 0;
          border-bottom: 2px solid #e3e3e3;
          margin-right: 0;
          padding-bottom: 20px;
          margin-bottom: 50px;
          width: 100%; } }
      @media only screen and (max-width: 575px) {
        .contactus__content .left {
          margin-bottom: 30px; } }
      .contactus__content .left h5 {
        margin-bottom: 32px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .contactus__content .left h5 {
            margin-bottom: 1.667vw; } }
      .contactus__content .left p {
        font-size: 18px;
        color: #231f20;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        line-height: 26px;
        margin-top: 48px; 
      	width: 500px;
        max-width: 100%;
      }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .contactus__content .left p {
            font-size: 0.938vw;
            line-height: 1.354vw;
            margin-top: 2.500vw; 
          width: 32.042vw;} }
      .contactus__content .left form {
        width: 100%; }
        .contactus__content .left form .form-group {
          margin-bottom: 32px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .contactus__content .left form .form-group {
              margin-bottom: 1.667vw; } }
          .contactus__content .left form .form-group .form-label {
            font-size: 16px;
            color: #221e20;
            font-family: "Open Sans", sans-serif;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 12px;
            letter-spacing: 1px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .contactus__content .left form .form-group .form-label {
                font-size: 0.833vw;
                margin-bottom: 0.625vw;
                letter-spacing: 0.052vw; } }
            @media only screen and (max-width: 767px) {
              .contactus__content .left form .form-group .form-label {
                margin-bottom: 8px; } }
          .contactus__content .left form .form-group textarea.form-control {
            min-height: 221px;
            font-size: 16px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            padding-left: 30px;
            appearance: none;
            resize: none; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .contactus__content .left form .form-group textarea.form-control {
                font-size: 0.833vw;
                padding-left: 1.563vw; } }
            @media only screen and (max-width: 767px) {
              .contactus__content .left form .form-group textarea.form-control {
                padding-left: 15px;
                min-height: 150px; } }
          .contactus__content .left form .form-group .form-control {
            font-size: 16px;
            color: #231f20;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            height: 64px;
            padding-left: 30px;
            appearance: none; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .contactus__content .left form .form-group .form-control {
                font-size: 0.833vw;
                height: 3.333vw;
                padding-left: 1.563vw; } }
            @media only screen and (max-width: 767px) {
              .contactus__content .left form .form-group .form-control {
                height: 50px;
                padding-left: 15px; } }
            .contactus__content .left form .form-group .form-control.down-arrow {
              background-image: url("//graftobian.com/cdn/shop/files/cw-down-arrow.png?v=13201197971475709239");
              background-size: 11px 8px;
              background-repeat: no-repeat;
              background-position: center right 30px; }
              @media only screen and (max-width: 1920px) and (min-width: 992px) {
                .contactus__content .left form .form-group .form-control.down-arrow {
                  background-size: 0.573vw 0.417vw;
                  background-position: center right 1.563vw; } }
              @media only screen and (max-width: 767px) {
                .contactus__content .left form .form-group .form-control.down-arrow {
                  background-position: center right 15px; } }
          .contactus__content .left form .form-group .button {
            padding: 18px 38px; }
            @media only screen and (max-width: 1920px) and (min-width: 992px) {
              .contactus__content .left form .form-group .button {
                padding: 0.938vw 1.979vw; } }
            @media only screen and (max-width: 991px) {
              .contactus__content .left form .form-group .button {
                padding: 17px 10px;
                font-size: 17px; } }
            @media only screen and (max-width: 767px) {
              .contactus__content .left form .form-group .button {
                font-size: 18px;
                padding: 14px 55px; } }
            @media only screen and (max-width: 575px) {
              .contactus__content .left form .form-group .button {
                padding: 14px 35px; } }
    .contactus__content .right {
      width: 320px;
      max-width: 100%; }
      @media only screen and (max-width: 1920px) and (min-width: 992px) {
        .contactus__content .right {
          width: 16.667vw; } }
      @media only screen and (max-width: 767px) {
        .contactus__content .right {
          width: 100%; } }
      .contactus__content .right .callus-details {
        width: 100%;
        margin-bottom: 54px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .contactus__content .right .callus-details {
            margin-bottom: 2.813vw; } }
        @media only screen and (max-width: 575px) {
          .contactus__content .right .callus-details {
            margin-bottom: 30px; } }
        .contactus__content .right .callus-details h5 {
          font-size: 32px;
          color: #231f20;
          font-family: "Optima";
          font-weight: 400;
          margin-bottom: 26px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .contactus__content .right .callus-details h5 {
              font-size: 1.667vw;
              margin-bottom: 1.354vw; } }
          @media only screen and (max-width: 575px) {
            .contactus__content .right .callus-details h5 {
              margin-bottom: 8px;
              font-size: 24px; } }
        .contactus__content .right .callus-details p {
          font-size: 18px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          line-height: 24px;
          width: 200px;
          max-width: 100%;
        }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .contactus__content .right .callus-details p {
              font-size: 0.938vw;
              line-height: 1.250vw;
              width: 12.417vw;
            } }
          .contactus__content .right .callus-details p a {
            text-decoration: none; }
      .contactus__content .right .location-details {
        width: 100%;
        margin-bottom: 72px; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .contactus__content .right .location-details {
            margin-bottom: 3.750vw; } }
        @media only screen and (max-width: 575px) {
          .contactus__content .right .location-details {
            margin-bottom: 30px; } }
        .contactus__content .right .location-details h5 {
          font-size: 32px;
          color: #231f20;
          font-family: "Optima";
          font-weight: 400;
          margin-bottom: 26px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .contactus__content .right .location-details h5 {
              font-size: 1.667vw;
              margin-bottom: 1.354vw; } }
          @media only screen and (max-width: 575px) {
            .contactus__content .right .location-details h5 {
              margin-bottom: 8px;
              font-size: 24px; } }
        .contactus__content .right .location-details a {
          font-size: 18px;
          color: #231f20;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          line-height: 24px;
          text-decoration: none;
          padding-left: 52px;
          background-image: url("//graftobian.com/cdn/shop/files/cw-icn-location.png?v=2345972477723305350");
          background-repeat: no-repeat;
          background-position: left center;
          display: block;
          margin-bottom: 34px;
            width: 200px;
            }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .contactus__content .right .location-details a {
              font-size: 0.938vw;
              line-height: 1.250vw;
              padding-left: 2.708vw;
              margin-bottom: 1.771vw;
              width: 14.417vw;  } }
      .contactus__content .right .summer-sale {
        width: 100%;
        background-color: #3d424e;
        border-radius: 6px;
        padding: 75px 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        @media only screen and (max-width: 1920px) and (min-width: 992px) {
          .contactus__content .right .summer-sale {
            border-radius: 0.313vw;
            padding: 3.906vw 1.563vw; } }
        @media only screen and (max-width: 575px) {
          .contactus__content .right .summer-sale {
            padding: 30px 15px; } }
        .contactus__content .right .summer-sale label {
          font-size: 14px;
          color: #ffffff;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          text-transform: uppercase;
          margin-bottom: 14px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .contactus__content .right .summer-sale label {
              font-size: 0.729vw;
              margin-bottom: 0.729vw; } }
        .contactus__content .right .summer-sale h2 {
          text-align: center;
          color: #ffffff;
          margin-bottom: 14px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .contactus__content .right .summer-sale h2 {
              margin-bottom: 0.729vw; } }
        .contactus__content .right .summer-sale p {
          font-size: 14px;
          color: #ffffff;
          font-family: "Open Sans", sans-serif;
          font-weight: 300;
          line-height: normal;
          text-align: center;
          margin-bottom: 30px; }
          @media only screen and (max-width: 1920px) and (min-width: 992px) {
            .contactus__content .right .summer-sale p {
              font-size: 0.729vw;
              margin-bottom: 1.563vw; } }

/*# sourceMappingURL=custom.css.map */

/* 21-02-22 */
.summer-collection__content .box figure a img{
    height: 232px;
    object-fit: contain;
  }

.product-banner__wrap .left .product-slider .slider-img figure .product-slide-img{
  height: 640px;
  object-fit: contain;
}
.product-banner__wrap .left .product-slider .cus-slider-nav .slick-slide img{
	height: 117px;
}
.cart__content .content-wrap .left table tbody tr td.wishlist-img img{
  width: 98px;
  height: 77px;
  object-fit: contain;
}
.blog__content .box figure img{
  width: 224px;
  height: 124px;
  object-fit: fill;
  border-radius: 4px;
}


@media only screen and (max-width: 1920px) and (min-width: 992px) {
  .summer-collection__content .box figure a img{
    height: 12.083vw;
  }

  .product-banner__wrap .left .product-slider .slider-img figure .product-slide-img{
    height: 33.333vw;
  }
  .product-banner__wrap .left .product-slider .cus-slider-nav .slick-slide img{
      height: 6.094vw;
  }
  .cart__content .content-wrap .left table tbody tr td.wishlist-img img{
    width: 5.104vw;
  	height: 4.010vw;
  }
  .blog__content .box figure img{
    width: 11.667vw;
    height: 6.458vw;
  }
}



/* 22-02-22R */
.account-info__content .tabcontent .wishlist__content table tbody tr td.wishlist-img img {
    width: 98px;
    height: 77px;
    object-fit: contain;
}
.account-info__content .tabcontent .wishlist__content table tbody tr td.btn-wrap{
	text-align: right;
}
.address-section{
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  margin-top: 40px !important;
}
.address-section h3{
  text-align: left;
  margin-bottom: 15px;
}
.address-section a{
  text-align: left;
  display: block;
}
.address-section .button{
  text-align: left;
  display: block;
  margin: 20px 0;
}
.address-section ul li{
  text-align: left;
  margin-top: 40px;
}
.address-section ul li h2{
	text-align: left;
}
.address-section ul li .button{
  margin-top: 15px !important;
  color: #fff !important;
  font-family: Open Sans,sans-serif !important;
  background-color: #000 !important;
  display: inline-flex;
}
.address-section ul li .button:hover{
  color: #000 !important;
  background-color: transparent !important;
  border: 1px solid #000 !important;
  display: inline-flex;
}
#AddAddress form .button{
  color: #fff !important;
  font-family: Open Sans,sans-serif !important;
  background-color: #000 !important;
  display: inline-flex;
}
#AddAddress form .button:hover{
  color: #000 !important;
  background-color: transparent !important;
  border: 1px solid #000 !important;
  display: inline-flex;
}
.swym-button-bar {
    margin: 0 !important;
    display: inline-block !important;
    margin-bottom: 20px !important;
}
.product-banner__wrap .right .price-more-info figure .afterpay-paragraph{
	font-size: 14px !important;
}
._1mqqPYZtCQtz5_i0b-po4l{
	justify-content: center;
}
.cart__content .content-wrap .left table tbody tr td .remove-product{
  font-size: 16px;
  display: inline-block;
  margin-top: 6px;
  color: red;
}
.collection-msg-error{
  text-align: center;
  width: 100%;
  font-weight: bold;
}
.full-unstyled-link{
  text-decoration: none;
  color: #000;
}
.search-adn-input-wrap{
  display: flex;
  align-items: center;
}
.search-adn-input-wrap .btn-search-icn{
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  margin-right: 14px;
}

.normal-text{
  font-size: 18px;
  line-height: normal;
  color: #000;
  font-family: "Open Sans", sans-serif;
}

.mobile-search-box-wrap{
	position: relative;
}
.mobile-search-box-wrap button{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 80px;
  outline: none;
  box-shadow: none;
}
input.shopify-challenge__button.btn {
    font-size: 20px;
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-weight: 700;
    background-color: #000;
    padding: 18px 55px;
    display: flex;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    text-align: center;
    margin-top: 25px;
}
.footer__footer-top p{
  font-size: 14px;
  font-family: Open Sans,sans-serif;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0;
}

@media only screen and (max-width: 1920px) and (min-width: 992px) {
  .account-info__content .tabcontent .wishlist__content table tbody tr td.wishlist-img img {
    width: 5.104vw;
    height: 4.010vw;
  }
  .footer__footer-top p{
    font-size: 0.729vw;
    line-height: 1.146vw;
  }
  .cart__content .content-wrap .left table tbody tr td .remove-product{
    font-size: 0.833vw;
    margin-top: 0.313vw;
  }
}

/* 24-02-22R */
.product-banner__wrap .right .tabcontent .varitnt-option .custom-radio .custom-control-label .color-box{
	background-size: contain;
}
.swym-btn-container[data-position=default] .swym-fave-count {
    display: none;
}
.footer .footer__footer-top p{
  display: none;
}
.footer-second .footer__footer-top p{
  display: block;
  margin-top: 40px;
}
.footer-second .footer__footer-top form {
  display: none;
}
.footer-second .footer__footer-bottom .content p{
  display: none;
}
.header__nav-content nav .link-private-label{
	display: none
}
.header-label .header__nav-content nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-label .header__nav-content nav .link-private-label{
  font-size: 14px;
  color: #221e20;
  font-family: Open Sans,sans-serif;
  font-weight: 400;
  text-decoration: none;
  padding: 26px 0;
  display: inline-block;
  text-transform: uppercase;
  border-left: 2px solid #e9e9e9;
  border-right: 2px solid #e9e9e9;
  padding-left: 25px;
  padding-right: 25px;
}
.icon-boxes__box h5{
  min-height: 56px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1920px) and (min-width: 992px) {
  .header-label .header__nav-content nav .link-private-label{
    font-size: .729vw;
    padding: 1.354vw 0;
    border-left: 0.104vw solid #e9e9e9;
    border-right: 0.104vw solid #e9e9e9;
    padding-left: 1.302vw;
    padding-right: 1.302vw;
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer__footer-top p{
    display: block;
    margin-top: 0;
  }
}
@media only screen and (max-width: 475px) {
  .education-inner__content .details-of-post label{
    width: calc(100% - 36px);
  }
  .summer-collection__title-text span {
      font-size: 14px;
  }
  .flawless-summer__content .box h2{
  	font-size: 28px;
  }
}



/* 25-02-22R */
.footer__footer-top h5{
	margin-bottom: 15px;
}
.js_home_code{
  font-family: Open Sans,sans-serif;
  font-weight: bold;
}
.js_home_code{
	color: #000;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
  .footer__footer-top h5{
    margin-bottom: 0.781vw;
  }
  .footer-second .footer__footer-top p{
    margin-top: 2.083vw;
  }
  .header__account-details {
    width: 12.813vw;
  }
}
@media only screen and (max-width: 991px) {
  .header-label .header__nav-content nav .link-private-label{
  	display: none;
  }
  .header__account-details{
  	width: auto;
  }
}
/* @media only screen and (max-width: 991px) {
  .banner__right h2 {
    font-size: 48px; } } */
@media only screen and (max-width: 575px) {
  .product-banner__wrap .left .product-slider .slider-img figure .product-slide-img{
    height: auto;
  }
}

/* 01-03-22R */
.privat-label__content p{
  width: 490px;
  max-width: 100%;
}
.header__nav-content nav .main-nav-link > li.has-children a{
  position: relative;
}
.header__nav-content nav .main-nav-link > li.has-children > a::after {
  content: "";
  width: 15px;
  height: 15px;
  background: #ffffff;
  display: inline-block;
  position: absolute;
  bottom: 12px;
  right: 1px;
  z-index: 1111;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px) rotate(45deg);
}
.header__nav-content nav .main-nav-link > li.has-children:hover a::after {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0px) rotate(45deg);
}
.summer-collection__content .box .hide-show-btn{
  /*
  opacity: 0;
  visibility: hidden;
  */
}
.summer-collection__content .box:hover .hide-show-btn{
  opacity: 1;
  visibility: visible;
}
.summer-collection__content .box:hover .product-price{
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .discover-collection__box h2 {
    min-height: auto;
  }
}


/* 02-03-22R */
@media only screen and (max-width: 767px) {
  .slick-arrow.summer-collection-next-arrow{
	right: -10px;
    width: 35px;
    height: 35px;
  }
  .slick-arrow.summer-collection-prev-arrow{
    left: -10px;
    width: 35px;
    height: 35px;
  }
  .product-review__right .bottom-text{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .product-review__right .bottom-text h6{
  	text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .slick-arrow.summer-collection-prev-arrow{
  	left: -10px;
    width: 30px;
    height: 30px;
  }
  .slick-arrow.summer-collection-next-arrow {
    right: -10px;
    width: 30px;
    height: 30px;
  }
}



/* .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box h5{
  margin-bottom: 0;
  min-height: 43px;
  font-size: 16px;
}

@media only screen and (max-width: 1920px) and (min-width: 992px) {
  .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box h5{
    font-size: 0.781vw;
  }
  .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box h5{
    font-size: 1.042vw;
  }
} */


/* 22-03-22R */
.product-description__content > span {
    margin: 10px 0;
    display: inline-block;
}
.product-description__content > h3{
  margin-top: 25px;
}
.header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box{
  width: 173px;
  max-width: 100%;
}
.header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box a{
  width: 100%;
  max-width: 100%;
  border: 2px solid #d7d7d7;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
  display: inline-block;
  height: 90px;
  background-size: cover;
  padding-bottom: 86px;
}
.header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box h5{
  font-size: 20px;
  color: #231f20;
  font-family: Optima;
  font-weight: 400;
  text-align: center;
  min-height: 34px;
  margin-bottom: 0;
  margin-top: 8px;
}
  
@media only screen and (max-width: 1920px) and (min-width: 992px) {
  .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box h5{
    font-size: 0.742vw;
  }
}


/* 07-04-22R */
.header__account-details .search-icn-mobile {
  margin-right: 25px; 
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
  .header__account-details .search-icn-mobile {
    margin-right: 1.302vw; 
  } 
}
@media only screen and (max-width: 575px) {
  .header__account-details .search-icn-mobile {
    margin-right: 12px; 
  } 
  .header__main-logo {
    width: 150px; 
  } 
}


/* 08-04-2022 Faq start here  */
.main-accordian ul.accordion {
    padding-left: 0;
    list-style: none;
  margin:0;
}	
 .faq_wrapper .accordion li {
    position: relative;
    transition: 0.3s ease;
    
    text-align: left;
    padding: 10px;
   padding-left:0px !important;
}

 .faq_wrapper .accordion li .toggle {
    width: 100%;
    display: block;
    color: #221e20;
    z-index: 1;
    font-size: 14px;
    line-height: 1.2;
    padding-left: 35px;
    position: relative;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
 .faq_wrapper .accordion li .inner {
    overflow: hidden;
    display: none;
    padding-left: 35px;
    font-size: 15px;
    line-height: 1.4;
    padding-top: 20px;

 }
.inner-desc a {
    font-size: 14px;
    color: #221e20;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 6px;
}

.main-accordian {
    padding: 36px;
    border: 2px solid #e7e7e7;
  border-radius:6px;
  margin-bottom:20px;
}
.faq_wrapper .accordion li .plus_minus {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0px, -50%);
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
.faq_wrapper .accordion li .plus_minus::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 2px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    display: inline-block;
    cursor: pointer;
    background-color: #000;
}
.faq_wrapper .accordion li .plus_minus::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 12px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    display: inline-block;
    cursor: pointer;
    background-color: #000;
}
.faq_wrapper .accordion li.active span.plus_minus::after{
display:none;
}
a.toggle.filter_custom_padding {
    padding-left: 10px !important;
}
@media only screen and (max-width: 1920px) and (min-width: 992px){
	.faq_wrapper .accordion li .toggle { font-size: 0.729vw; padding-left: 1.823vw; letter-spacing: 0.052vw; }
  .faq_wrapper .accordion li {  padding: 0.521vw; }
  .inner-desc a { font-size: 0.729vw; letter-spacing: 0.052vw; margin-bottom: 0.313vw; }
  .main-accordian {
    padding: 1.875vw;
    border: 0.104vw solid #e7e7e7;
    border-radius:.313vw;
    margin-bottom:1.042vw;
}
  a.toggle.filter_custom_padding{padding-left:0.521vw !important;}
  .faq_wrapper .accordion li .inner{padding-left:1.823vw; padding-top:1.042vw;}
  .faq_wrapper .accordion li .plus_minus {
    width: 1.042vw;
    height: 1.042vw;
}
  .faq_wrapper .accordion li .plus_minus:before {
    width: 0.625vw;
    height: 0.104vw;
}
  .faq_wrapper .accordion li .plus_minus:after {
    width: 0.104vw;
    height: 0.625vw;
}
  
}
.mobile-accordian-title span.material-icons-outlined{
display:none;
}
@media (max-width:991px){
  .faq_wrapper .accordion li{padding:0; margin-bottom:12px;}
  .faq_wrapper .accordion li .inner{padding-top:10px;}
  .main-accordian{padding:36px 20px;}
  .mobile-accordian{display:none;}
  h5.title--small.mobile-accordian-title{margin-bottom:0px !important;}
  .collection-inner__content .left .filter-wrap .filter-content{padding:20px 15px 20px !important;}
  .main-accordian{padding:20px 15px 20px !important;}
  .mob-accordian.active .mobile-accordian{display:block; padding-top:20px; transition: all .35s ease-in-out;}
  .mob-accordian.active .mobile-accordian-title span.material-icons-outlined {
    transform: rotate(180deg);
}
  .mobile-accordian-title{position:relative;}
  .mobile-accordian-title span.material-icons-outlined {
    position: absolute;
    right: 0;
    display:block;
}
  
}
@media (max-width:575px){
  .main-accordian{padding:20px 15px 10px;}
}
/* 08-04-2022 Faq end here  */
@media(max-width:991px){
	li.has-children.active .megamenu {
    display: block !important;
}
}




/* 03-05-2022 css start here */

body.blog_graf .box figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    bottom: 0;
}

body.blog_graf .box figure {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding-bottom: 100%;
}
body.blog_graf .education__content .show-all{
  align-items:flex-start !important;
  
}

@media(max-width:575px){
  body.blog_graf .box figure{padding-bottom:78%;}
  
  
  .header__content {
      padding: 10px 0;
  }
  .product-banner__wrap .left .product-slider .slider-img figure .product-slide-img{
  	 /* height: 300px !important; */
  }
  .product-banner__wrap .left .product-slider .cus-slider-nav .slick-slide img {
      height: 70px;
      object-fit: contain;
  }
  .product-banner{
  	 padding-top: 20px;
  }
  .product-banner__wrap .left{
  	 margin-bottom: 20px;
  }
  .pricefilter{
  	 display: none !important;
  }
  .collection-inner-banner{
  	 padding-top: 15px;
  }
  .collection-inner-banner__content{
  	 min-height: 150px;
  }
  .collection-inner-banner__content h2{
  	 font-size: 20px;
  }
  .collection-inner-banner__content p{
  	 font-size: 14px;
  }
  .bredcumb {
      padding: 15px 0;
  }
  .collection-inner__content .left .filter-wrap .filter-content, .main-accordian {
      padding: 8px 15px !important;
      margin-bottom: 10px;
  }
  .summer-collection__content .img-fluid{
  	 /*height: 135px;*/
     object-fit: contain;
  }
  .summer-collection__content .item{
  	 width: 50% !important;
  }
  .summer-collection__content .box .rating h6 {
      font-size: 14px;
      height: 60px;
  }
  .summer-collection__content .item .button__small {
      padding: 7px 8px;
      font-size: 14px;
  }
  
  .education__content .tab-header .tab{
  	  display: block;
      white-space: normal;
  }
  .education__content .tab-header .tab a{
  	  float: left;
      width: 33.33%;
      margin: 0;
      text-align: center;
      padding: 7px 0;
      border: 1px solid #ffffff;
  }
  .education__content .tab-header .tab a:nth-child(4),
  .education__content .tab-header .tab a:nth-child(5){
  	 width: 50%;
  }
  
  .education__content .tab-header .tab a.active{
  	  border: 1px solid #dfdfdf;
  }
  
  .product-slider .slick-arrow.prev-arrow{
  	 left: -20px;
     top: 30px;
  }
  .product-slider .slick-arrow.next-arrow{
  	 right: -20px;
     top: 30px;
  }
  
  .socialgallery .grid-item {
     float: left;
     width: 100% !important;
  }
  
  
  
}
/* 03-05-2022 css end here */


.icon-boxes{
	padding-top: 30px;
    padding-bottom: 30px;
}
.product-banner__wrap .left .product-slider .slider-img{
	margin-bottom: 10px;
}


.product-slider .slick-arrow.prev-arrow{
	left: -15px;
    font-size: 45px;
}
.product-slider .slick-arrow.next-arrow{
	right: -15px;
    font-size: 45px;
}







/* cart */

/*
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
  
  .cart__content .content-wrap .left table tbody tr td{
  	 width: auto !important;
     padding-top: 10px;
	 padding-bottom: 10px;
  }

	
	.cart__content table, .cart__content thead, .cart__content tbody, .cart__content th, .cart__content td, .cart__content tr { 
		display: block; 
	}
	
	
	.cart__content thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.cart__content tr { 
      border: 1px solid #ccc; 
      margin-bottom: 15px;
    }
	
	.cart__content td { 
	
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
	}
	
	.cart__content td:before { 
		
		position: absolute;
		
		top: 15px;
		left: 6px;
		
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	
	.cart__content td:nth-of-type(1):before { content: "IMAGE"; }
    .cart__content td:nth-of-type(2):before { content: "PRODUCT"; }
	.cart__content td:nth-of-type(3):before { content: "PRICE"; }
	.cart__content td:nth-of-type(4):before { content: "QTY"; }
	.cart__content td:nth-of-type(5):before { content: "TOTAL"; }

}
*/






.product-banner__wrap .left .product-slider .cus-slider-nav .slick-slide img {
	height: auto !important;
}

.collectiontextslider{
	background-color: #f4f4f4;
    padding-top: 50px;
    padding-bottom: 30px;
}
.collectiontextslider .container-medium{
	max-width: 70% !important;
}
.collectiontextslider .item{
	text-align: center;
}
.collectiontextslider .item h3{
	color: #231f20;
    font-family: "Optima";
    font-weight: 400;
    line-height: normal;
    padding-bottom: 15px;
}
.collectiontextslider .item p{
	color: #231f20;
    font-family: Open Sans,sans-serif;
    font-weight: 300;
}
.collectiontextslider .owl-nav button {
    position: absolute;
    top: 40%;
	width: 52px;
	height: 52px;
	border: 1px solid #e1e1e1 !important;
	border-radius: 50%;
    outline: none;
    background-color: #fff !important;
}
.collectiontextslider .owl-nav .owl-prev{
	left: -100px;
}
.collectiontextslider .owl-nav .owl-next{
	right: -100px;
}


.collectionbanner .item{
    float: left;
  	width: 100%;
	/*padding-top: 120px;
    padding-bottom: 120px;
  	padding-left: 100px;
    padding-right: 100px;*/	
  	background-repeat: no-repeat;
	background-position: center;
    position: relative;
    background-size: cover;
    /*min-height: 150px;*/
} 
.collectionbanner .item .layer{
	position: absolute;
  	left : 0;
    top: 0;
    right: 0;
    bottom : 0;
  	height: 100%;
    width: 100%;
  	/*background-color: rgba(0, 0, 0, 0.1);*/
}
.collectionbanner .item h3{
	color: #fff;
    font-family: Open Sans,sans-serif;
}
.collectionbanner .item h4{
	color: #fff;
    font-size: 20px;
    font-family: Open Sans,sans-serif;
    font-weight: 300;
  	margin: 15px 0;
}
.collectionbanner .item p{
	color: #fff;
    font-size: 16px;
    font-family: Open Sans,sans-serif;
    font-weight: 300;
}

.collectionbanner .item .left{
	float: left;
  	width: 40%;
    text-align: left;
    position: absolute;
    left: 50px;
    top: 30%;
    
}
.collectionbanner .item .right{
	float: right;
  	width: 40%;
    text-align: left;
    position: absolute;
    right: 50px;
    top: 30%;
    
}
.collectionbanner .owl-nav button {
    position: absolute;
    top: 40%;
	width: 52px;
	height: 52px;
	border: 1px solid #e1e1e1 !important;
	border-radius: 50%;
    outline: none;
    background-color: #fff !important;
}
.collectionbanner .owl-nav .owl-prev{
	left: 20px;
}
.collectionbanner .owl-nav .owl-next{
	right: 20px;
}
.collectionbanner .owl-dots{
	float: left;
  	width: 100%;
  	text-align: center;
    margin-top: -50px;
    position: relative;
}
.collectionbanner .owl-dots button{
	display: inline-block;
    height: 15px;
    width: 15px;
  	border: 1px solid #fff !important;
  	margin: 0 5px;
    border-radius: 50%;
}
.collectionbanner .owl-dots .owl-dot.active{
	background: #fff !important;
}



.socialgallery{
	float: left;
  	width: 100%;
    padding-bottom: 100px;
}

.socialgallery .container-medium{
	max-width: 1300px;
}


.socialgallery .grid {
   float: left;
    width: 100%;
}

.socialgallery .grid-item {
   float: left;
   width: 33.33%;
   position: relative;
}
.socialgallery .grid-item .caption{
  
  	 visibility: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  	left: 0;
    right: 0;
    
	position: absolute;
    height: 0px;
    width: 100%;
  	background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
  	padding: 15px;
}

.socialgallery .grid-item:hover .caption{
    height:100%;
    bottom : 0;
    
	visibility: visible;
}

.socialgallery .grid-item img{
	width: 100%;
    height: 500px;
    object-fit: cover;
}
 
.education__section-title h4{
	font-size: 18px;
}


.recommndedproducts{
	padding-top: 50px;
  	padding-bottom: 20px;
}
.recommndedproducts .title{
	font-size: 46px;
    line-height: normal;
    font-family: "Optima";
}

@media (max-width:767px) {

  .slick-prev {
  	left: 0;
  }
  .slick-next {
  	right: 0;
  }
  
  .collectiontextslider .owl-nav .owl-next{
      right: -60px;
  }
  .collectiontextslider .owl-nav .owl-prev{
      left: -60px;
  }
  .slick-arrow.product-review-next-arrow{
      right: 0;
  }
  .slick-arrow.product-review-prev-arrow{
     left: 0;
  }
  
  .collectionbanner .item{
  	 /*padding: 25px 25px;*/
     background-position: left;
  }
  .collectionbanner .item .left{
  	width: 100%;
  }
  .collectionbanner .item .right{
  	 width: 100%;
  }
  .collectionbanner .item h3{
  	 font-size: 16px;
  }
  .collectionbanner .item h4{
  	 font-size: 13px;
     margin: 7px 0;
  }
  .collectionbanner .item p{
  	 font-size: 12px;
  }
  .header__nav-content nav .main-nav-link .megamenu__bottom li{
  	 display: none !important;
     width: 45%;
	 float: left;
  }
  
  
  .header__nav-content nav .main-nav-link li:nth-child(2) .megamenu__bottom li,
  .header__nav-content nav .main-nav-link li:nth-child(6) .megamenu__bottom li,
  .header__nav-content nav .main-nav-link li:nth-child(7) .megamenu__bottom li{
  		display: block !important;
  }
  
  
  .header__nav-content nav .main-nav-link li:nth-child(2) .megamenu__bottom li .items-box h5{
  	 height: 90px;
  }
  .header__nav-content nav .main-nav-link li .megamenu__bottom li .items-box h5{
  	 height: 60px;
  }
  
  .header__nav-content nav .main-nav-link li .megamenu__bottom{
  	  align-items: start;
  }
  .header__nav-content nav .main-nav-link li .megamenu__bottom{
  	 display: block;
  }
  .header__nav-content nav .main-nav-link li .megamenu__top {
      margin-bottom: 10px;
  }
  .slick-arrow{
  	 z-index: 555; 
  }
  .header .header__bottom{
  	 z-index: 999 !important; 
  }


  .mobhide{
     display: none !important;
  }
  .prodprice{
     display: none !important;
  }
  .cart__content .content-wrap .left table tbody tr td.wishlist-img img{
      width: 50px !important;
  }
  .cart__content .content-wrap .left table tbody tr td p{
     width: 120px !important;
     font-size: 12px !important;
  }
  .mobtotalprice{
     float: left;
     width: 100%;
  }
  .cart__content .content-wrap .left{
     margin-right: 0;
  }
  .cart__content .qty-box{
      width: 40%;
      padding: 0 !important;
  }

  .title--medium.mobile{
     color: #231f20;
     display: block !important;
  }
  .title--medium.desktop{
     display: none;
  }
  .product-banner__wrap .right .price-more-info label span{
  	font-size: 32px !important;
  }

  .checkoutmobile{
     display: block !important;
  }
  .cart-totals .bottom-btn-wrap.desktop{
     display: none;
  }
}

.title--medium.mobile{
   display: none;
}
.product-banner__wrap .right .price-more-info label {
  font-size: 1.300vw !important;
}
.wasprice{
  text-decoration: line-through;
}

.template-404{
   padding: 125px 0;
}


.summer-collection__content .box{
   position: relative;
}
.summer-collection__content .offsale{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #000000;
    padding: 5px;
    color: #fff;
    width: 85px;
    text-align: center;
}


.cart-note{
    float: left;
width: 100%;
    margin-bottom: 45px;
}
.cart-note label{
   float: left;
   width: 100%;
}
.cart-note textarea{
    float: left;
   width: 100%;
}


.customer:not(.account):not(.order){
   max-width: 35rem !important;
}

.customer label{
   float: left;
   width: 100%;
   text-align: left;
   font-size: 16px;
  color: #221e20;
  font-family: Open Sans,sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 12px;
  letter-spacing: 1px;
}
.customer .field{
   float: left;
   width: 100%;
   padding-bottom: 20px;
}
.customer input[type="text"],
.customer input[type="email"],
.customer input[type="password"]{
   float: left;
   width: 100%;
   font-size: 16px;
  color: #231f20;
  font-family: Open Sans,sans-serif;
  font-weight: 400;
  height: 64px;
  padding-left: 30px;
  appearance: none;
  box-shadow: none;
   border: 1px solid #ced4da;
border-radius: .25rem;
}

.customer button{
   font-size: 20px;
color: #fff;
font-family: Open Sans,sans-serif;
font-weight: 700;
background-color: #000;
padding: 18px 55px;
display: inline-flex;
text-transform: uppercase;
align-items: center;
justify-content: center;
border: 2px solid transparent;
text-align: center;
}


.customer .form__message{
   text-align: left;
}
.customer .errors ul{
   padding-left: 0 !important;
   margin-bottom: 10px !important;
}
.customer .form__message svg{
    width: 20px;
    height: 20px !important;
}


.form__message{
  padding-bottom: 25px;
}

.form__message svg{
    max-width: 25px;
}

.checkoutmobile{
   display: none;
}



.summer-collection__content .box .rating h6{
   height: 78px;
}
.summer-collection__content .box img{
     height: 260px !important;
     object-fit: contain !important;
}
.summer-collection__content .box .yotpo{
    min-height: 40px;        
}

@media (max-width:767px) {
  .summer-collection__content .box .rating h6{
     height: 60px;
  }
  .summer-collection__content .box img {
    	height: 150px !important;
  }
}