/* -------Main Styles-------- */
.happy-cookie .section-hero {
  background: #f0ebe6 url("../../images/fly-cake.jpg") no-repeat center top;
  background-size: auto 400px; }
  .happy-cookie .section-hero .banner .row {
    height: 400px;
    align-items: center; }
    .happy-cookie .section-hero .banner .row .banner-left .wrap-caption {
      display: table;
      margin: 0 auto; }
      .happy-cookie .section-hero .banner .row .banner-left .wrap-caption h1 {
        font-size: 50px;
        font-weight: 700; }
      .happy-cookie .section-hero .banner .row .banner-left .wrap-caption h4 {
        padding-top: 20px; }
      .happy-cookie .section-hero .banner .row .banner-left .wrap-caption h3 {
        padding-bottom: 20px;
        font-weight: 700; }
.happy-cookie .section-products .section-title {
  padding: 30px 0;
  text-align: center; }
  .happy-cookie .section-products .section-title h3 {
    font-size: 32px;
    font-weight: 600; }
.happy-cookie .section-products .view-more {
  text-align: center; }
  .happy-cookie .section-products .view-more .btn-custom {
    margin: 0 auto; }
.happy-cookie .products .product {
  margin-bottom: 20px; }
  .happy-cookie .products .product:hover .p-thumb {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25); }
  .happy-cookie .products .product .p-thumb {
    box-shadow: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: 1px solid #b3b3b3;
    position: relative; }
    .happy-cookie .products .product .p-thumb:before {
      content: "";
      float: left;
      width: 1px;
      margin-left: -1px;
      padding-top: 100%; }
    .happy-cookie .products .product .p-thumb::after {
      content: "";
      display: table;
      clear: both; }
    .happy-cookie .products .product .p-thumb a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .happy-cookie .products .product .p-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .happy-cookie .products .product .p-info {
    text-align: center;
    padding-top: 8px; }
    .happy-cookie .products .product .p-info a {
      color: #000; }
    .happy-cookie .products .product .p-info .main-title {
      font-weight: 700;
      line-height: normal;
      padding-bottom: 3px; }
    .happy-cookie .products .product .p-info .sub-title {
      font-weight: 500;
      line-height: normal; }
  .happy-cookie .products .product .p-price {
    font-size: 16px;
    font-weight: 600;
    padding-top: 6px;
    line-height: normal; }
    .happy-cookie .products .product .p-price span {
      font-weight: 400; }
.happy-cookie .section-other-flavours {
  padding: 30px 0;
  width: 100%;
  overflow: hidden; }
  .happy-cookie .section-other-flavours .section-title {
    text-align: center;
    position: relative;
    margin-bottom: 20px; }
    .happy-cookie .section-other-flavours .section-title .title {
      font-size: 32px;
      font-weight: 600;
      background: #fff;
      padding: 10px;
      display: table;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
    .happy-cookie .section-other-flavours .section-title::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 10%;
      width: 80%;
      height: 1px;
      background: #000000; }
  .happy-cookie .section-other-flavours .of-column {
    position: relative; }
    .happy-cookie .section-other-flavours .of-column .caption-info {
      position: absolute;
      padding: 10px;
      width: 400px;
      max-width: 100%; }
      .happy-cookie .section-other-flavours .of-column .caption-info .cap-title {
        font-weight: 700;
        font-size: 20px; }
      .happy-cookie .section-other-flavours .of-column .caption-info .cap-des {
        font-size: 14px;
        line-height: 18px; }
      .happy-cookie .section-other-flavours .of-column .caption-info .cap-link {
        color: #FFFFFF;
        font-weight: 700;
        font-size: 18px;
        padding-top: 5px;
        text-decoration: underline;
        display: table; }
    .happy-cookie .section-other-flavours .of-column.of-left {
      padding-right: 0;
      text-align: right; }
      .happy-cookie .section-other-flavours .of-column.of-left .caption-info {
        right: 0;
        top: 35%;
        text-align: left;
        background: rgba(115, 99, 87, 0.8); }
    .happy-cookie .section-other-flavours .of-column.of-right {
      padding-left: 0; }
      .happy-cookie .section-other-flavours .of-column.of-right .caption-info {
        left: 0;
        bottom: 15%;
        background: rgba(83, 115, 88, 0.8); }
    .happy-cookie .section-other-flavours .of-column .caption-content {
      color: #FFFFFF; }
.happy-cookie .section-client-feedback .section-title {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 30px; }
.happy-cookie .section-client-feedback .feedback .fb-top {
  display: flex;
  align-items: center; }
  .happy-cookie .section-client-feedback .feedback .fb-top .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #b3b3b3;
    margin-right: 10px; }
    .happy-cookie .section-client-feedback .feedback .fb-top .avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .happy-cookie .section-client-feedback .feedback .fb-top .client-info .client-name {
    font-size: 17px;
    font-weight: 600; }
  .happy-cookie .section-client-feedback .feedback .fb-top .client-info .stars .rate .rate-item {
    color: #d71d44; }
.happy-cookie .section-client-feedback .feedback .fb-bottom {
  font-size: 16px;
  font-weight: 400;
  padding-top: 10px; }
.happy-cookie .section-client-feedback .section-link {
  text-align: center;
  padding: 20px 0; }
  .happy-cookie .section-client-feedback .section-link a {
    color: #000000;
    text-decoration: underline; }
.happy-cookie .page-title {
  padding: 20px 0; }
  .happy-cookie .page-title h1 {
    font-weight: 600;
    font-size: 30px; }
.happy-cookie .masonry-column .feedback {
  padding: 20px;
  background: #75cac5;
  margin-bottom: 15px; }
  .happy-cookie .masonry-column .feedback.fb-orange {
    background: #ef7822; }
    .happy-cookie .masonry-column .feedback.fb-orange .fb-top .client-info .client-name {
      color: #FFFFFF; }
    .happy-cookie .masonry-column .feedback.fb-orange .fb-bottom {
      color: #FFFFFF; }
  .happy-cookie .masonry-column .feedback.fb-pink {
    background: #eb5e86; }
    .happy-cookie .masonry-column .feedback.fb-pink .fb-top .client-info .client-name {
      color: #FFFFFF; }
    .happy-cookie .masonry-column .feedback.fb-pink .fb-bottom {
      color: #FFFFFF; }
  .happy-cookie .masonry-column .feedback.fb-light-pink {
    background: #f3ced3; }
  .happy-cookie .masonry-column .feedback.fb-yellow {
    background: #f0ae1d; }
    .happy-cookie .masonry-column .feedback.fb-yellow .fb-top .client-info .client-name {
      color: #FFFFFF; }
    .happy-cookie .masonry-column .feedback.fb-yellow .fb-bottom {
      color: #FFFFFF; }
  .happy-cookie .masonry-column .feedback.fb-light-yellow {
    background: #ffdd88; }
  .happy-cookie .masonry-column .feedback.fb-red {
    background: #d71d44; }
    .happy-cookie .masonry-column .feedback.fb-red .fb-top .client-info .client-name {
      color: #FFFFFF; }
    .happy-cookie .masonry-column .feedback.fb-red .fb-top .client-info .stars .rate .rate-item {
      color: #FFFFFF; }
    .happy-cookie .masonry-column .feedback.fb-red .fb-bottom {
      color: #FFFFFF; }
  .happy-cookie .masonry-column .feedback.fb-blue {
    background: #75cac5; }
  .happy-cookie .masonry-column .feedback.fb-dark-blue {
    background: #242a41; }
    .happy-cookie .masonry-column .feedback.fb-dark-blue .fb-top .client-info .client-name {
      color: #FFFFFF; }
    .happy-cookie .masonry-column .feedback.fb-dark-blue .fb-bottom {
      color: #FFFFFF; }
  .happy-cookie .masonry-column .feedback .fb-top {
    display: flex;
    align-items: center; }
    .happy-cookie .masonry-column .feedback .fb-top .avatar {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #b3b3b3;
      margin-right: 10px; }
      .happy-cookie .masonry-column .feedback .fb-top .avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .happy-cookie .masonry-column .feedback .fb-top .client-info .client-name {
      font-size: 17px;
      font-weight: 600; }
    .happy-cookie .masonry-column .feedback .fb-top .client-info .stars .rate .rate-item {
      color: #d71d44; }
  .happy-cookie .masonry-column .feedback .fb-bottom {
    font-size: 16px;
    font-weight: 400;
    padding-top: 10px; }
.happy-cookie .list-news {
  margin-top: 30px; }
  .happy-cookie .list-news .news.news-down .thumbs {
    height: 350px; }
  .happy-cookie .list-news .news.news-large {
    position: relative; }
    .happy-cookie .list-news .news.news-large .news-info {
      background: none;
      position: absolute;
      margin: 0;
      bottom: 40px;
      left: 20px;
      width: 100%; }
      .happy-cookie .list-news .news.news-large .news-info .news-title a {
        color: #FFFFFF;
        font-size: 30px;
        font-weight: 300; }
        .happy-cookie .list-news .news.news-large .news-info .news-title a .large-txt {
          display: table;
          font-size: 40px; }
    .happy-cookie .list-news .news.news-large .thumbs {
      height: 450px; }
  .happy-cookie .list-news .news .thumbs {
    height: 250px;
    background: #000000; }
    .happy-cookie .list-news .news .thumbs img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .happy-cookie .list-news .news .news-info {
    width: calc(100% - 25px);
    margin-top: -30px;
    background: #FFFFFF;
    padding: 15px;
    margin-left: auto; }
    .happy-cookie .list-news .news .news-info .category {
      font-size: 14px; }
    .happy-cookie .list-news .news .news-info .news-title a {
      color: #000000;
      font-weight: 500;
      line-height: normal;
      font-size: 15px; }
    .happy-cookie .list-news .news .news-info .author {
      margin-top: 20px;
      padding-top: 10px;
      position: relative; }
      .happy-cookie .list-news .news .news-info .author::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 3px;
        background: #000000;
        content: ""; }
  .happy-cookie .list-news .news-heading {
    margin: 30px 0;
    padding-top: 10px;
    border-top: 1px solid #000000; }
    .happy-cookie .list-news .news-heading span {
      position: relative;
      font-size: 20px; }
      .happy-cookie .list-news .news-heading span::before {
        position: absolute;
        content: "";
        top: -11px;
        left: 0;
        width: 100%;
        height: 3px;
        background: #000000; }
.happy-cookie .related-products .title {
  font-size: 22px;
  font-weight: 500;
  margin: 30px 0 25px 0; }
.happy-cookie .speak-with-us {
  font-size: 22px;
  color: #e6e5d9;
  margin: 30px 0; }
  .happy-cookie .speak-with-us i {
    margin-right: 8px;
    position: relative; }
    .happy-cookie .speak-with-us i::after {
      content: "";
      position: absolute;
      width: 90%;
      height: 50%;
      top: 25%;
      left: 5%;
      background: #000000;
      z-index: -1; }
  .happy-cookie .speak-with-us .speak-text {
    font-weight: 600;
    color: #000000; }
.happy-cookie .product-page-row {
  align-items: start; }
.happy-cookie .product-right {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }
  .happy-cookie .product-right .product-title {
    font-weight: 400;
    font-size: 35px;
    margin-bottom: 10px; }
    .happy-cookie .product-right .product-title h1 {
      font-weight: 400;
      font-size: 35px; }
  .happy-cookie .product-right .product-price {
    font-size: 20px;
    font-weight: 700; }
  .happy-cookie .product-right .select-date-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 0px 0; }
    .happy-cookie .product-right .select-date-time .s-group label {
      display: table;
      width: 100%;
      font-weight: 700;
      margin-bottom: 5px; }
      .happy-cookie .product-right .select-date-time .s-group label span {
        font-weight: 400; }
    .happy-cookie .product-right .select-date-time .s-group .form-control {
      height: 35px;
      line-height: 35px;
      padding: 0 10px;
      background: none;
      border: 1px solid #e6e5d9;
      border-radius: 10px !important; }
  .happy-cookie .product-right .select-box {
    display: table;
    width: 100%;
    margin-bottom: 20px; }
    .happy-cookie .product-right .select-box.first {
      margin-top: 20px; }
    .happy-cookie .product-right .select-box .wrap-label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-weight: 700;
      margin-bottom: 3px; }
    .happy-cookie .product-right .select-box .select-opt select {
      border: 1px solid #e6e5d9;
      border-radius: 10px !important;
      width: 100%;
      outline: none;
      height: 35px;
      line-height: 35px;
      padding: 0 10px; }
  .happy-cookie .product-right .wrap-quantity {
    display: flex; }
    .happy-cookie .product-right .wrap-quantity .p-image {
      width: 150px;
      height: 150px;
      border: 1px solid #000000;
      margin-right: 15px; }
      .happy-cookie .product-right .wrap-quantity .p-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .happy-cookie .product-right .wrap-quantity .quantity-selectbox {
      margin-right: 15px; }
    .happy-cookie .product-right .wrap-quantity .qty-text {
      min-width: 170px; }
      .happy-cookie .product-right .wrap-quantity .qty-text .line-1, .happy-cookie .product-right .wrap-quantity .qty-text .line-2 {
        display: flex;
        justify-content: space-between; }
  .happy-cookie .product-right .order-note-field {
    margin: 30px 0 20px;
    width: 100%;
    outline: none;
    padding: 10px 15px; }
  .happy-cookie .product-right .order-text-details ul li {
    margin-bottom: 5px; }
    .happy-cookie .product-right .order-text-details ul li .total-price {
      font-size: 17px; }
  .happy-cookie .product-right .add-to-cart-wrap {
    margin-top: 15px;
    display: flex;
    align-items: center; }
    .happy-cookie .product-right .add-to-cart-wrap .btn-custom {
      background: #000000;
      margin-right: 10px; }
    .happy-cookie .product-right .add-to-cart-wrap .btn-wishlist a {
      font-size: 30px; }
      .happy-cookie .product-right .add-to-cart-wrap .btn-wishlist a .bi {
        color: #ec1c24; }
        .happy-cookie .product-right .add-to-cart-wrap .btn-wishlist a .bi:hover::before {
          content: "\f3f5"; }
  .happy-cookie .product-right .list-socials {
    margin-top: 20px; }
    .happy-cookie .product-right .list-socials ul li {
      display: inline-block;
      margin-right: 15px; }
      .happy-cookie .product-right .list-socials ul li a {
        font-size: 22px;
        color: #cbcbca; }
        .happy-cookie .product-right .list-socials ul li a svg {
          width: 22px;
          height: 22px; }
        .happy-cookie .product-right .list-socials ul li a:hover {
          color: #000000; }
          .happy-cookie .product-right .list-socials ul li a:hover svg {
            fill: #000000; }
.happy-cookie .products-may-so-like {
  padding-top: 40px; }
  .happy-cookie .products-may-so-like .s-title {
    text-align: center;
    font-size: 30px;
    font-weight: 600; }
  .happy-cookie .products-may-so-like .s-link {
    text-align: center;
    margin-top: 10px; }
    .happy-cookie .products-may-so-like .s-link a {
      color: #000000;
      text-decoration: underline;
      font-size: 18px; }
  .happy-cookie .products-may-so-like .product {
    margin-top: 20px; }
.happy-cookie .search-tab {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 30px; }
  .happy-cookie .search-tab .search-form {
    display: flex;
    border-bottom: 1px solid #754c24; }
    .happy-cookie .search-tab .search-form .s-txt {
      position: relative;
      border-right: 1px solid #754c24; }
      .happy-cookie .search-tab .search-form .s-txt::before {
        position: absolute;
        top: 5px;
        left: 0;
        font-size: 16px;
        content: "\f502";
        font-family: bootstrap-icons !important;
        color: #754c24; }
      .happy-cookie .search-tab .search-form .s-txt .text-search {
        background: none;
        border: none;
        outline: none;
        padding-left: 20px;
        line-height: 35px;
        min-width: 220px;
        border-radius: 0;
        -webkit-appearance: none; }
      .happy-cookie .search-tab .search-form .s-txt select {
        color: #212529;
        -webkit-appearance: none;
        background-color: transparent !important; }
        .happy-cookie .search-tab .search-form .s-txt select::selection {
          color: #212529; }
    .happy-cookie .search-tab .search-form label {
      padding: 0 15px;
      line-height: 35px;
      font-size: 14px;
      color: #754c24; }
    .happy-cookie .search-tab .search-form select {
      border: none;
      outline: none;
      box-shadow: none; }
.happy-cookie .list-tab-title ul {
  display: flex;
  border-bottom: 1px solid #754c24;
  margin: 0;
  padding: 0;
  list-style: none; }
  .happy-cookie .list-tab-title ul li a {
    color: #754c24;
    padding: 8px 20px;
    display: table;
    font-size: 14px; }
  .happy-cookie .list-tab-title ul li:hover a, .happy-cookie .list-tab-title ul li.active a {
    color: #FFFFFF;
    background: #754c24; }
.happy-cookie .categories-by-image {
  margin-bottom: 25px; }
  .happy-cookie .categories-by-image a {
    display: table;
    position: relative;
    text-align: center;
    font-size: 16px;
    line-height: normal; }
    .happy-cookie .categories-by-image a:hover {
      -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); }
    .happy-cookie .categories-by-image a span {
      color: #000000;
      display: table;
      width: 100%;
      padding: 10px 0;
      background: #fab73c; }
    .happy-cookie .categories-by-image a img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
.happy-cookie .categories-by-button {
  margin: 20px 0; }
  .happy-cookie .categories-by-button .subcategories-carousel .item {
    display: inline-block;
    width: 100%; }
    .happy-cookie .categories-by-button .subcategories-carousel .item a {
      color: #000000;
      background: #c7b299;
      width: 100%;
      text-align: center; }
      .happy-cookie .categories-by-button .subcategories-carousel .item a:hover, .happy-cookie .categories-by-button .subcategories-carousel .item a.active {
        background: #998675;
        color: #000000; }
.happy-cookie .wrap-products {
  padding-top: 30px; }
  .happy-cookie .wrap-products .view-more {
    text-align: center; }
.happy-cookie .wrap-products .tab {
  border-color: #754c24; }
  .happy-cookie .wrap-products .tab .tablinks::before {
    background: #754c24; }
.happy-cookie .login-register {
  padding-top: 40px; }
  .happy-cookie .login-register .acc-title {
    font-size: 22px; }
  .happy-cookie .login-register .acc-description {
    margin-bottom: 15px; }
  .happy-cookie .login-register .form-wrap .form-group {
    margin-bottom: 15px;
    position: relative; }
    .happy-cookie .login-register .form-wrap .form-group i.bi, .happy-cookie .login-register .form-wrap .form-group svg {
      position: absolute;
      left: 10px;
      top: 8px;
      font-size: 20px;
      width: 20px;
      height: 20px; }
    .happy-cookie .login-register .form-wrap .form-group svg {
      top: 12px; }
    .happy-cookie .login-register .form-wrap .form-group .form-control {
      padding-left: 40px; }
  .happy-cookie .login-register .link-to-create {
    padding-top: 20px; }
    .happy-cookie .login-register .link-to-create a {
      color: #000000;
      text-decoration: underline; }
  .happy-cookie .login-register .form-note {
    margin-bottom: 15px; }
.happy-cookie .register-section {
  display: none; }
.happy-cookie .child-subcategories ul li {
  display: inline-block;
  padding-bottom: 5px; }
  .happy-cookie .child-subcategories ul li a {
    color: #000000;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 500; }
    .happy-cookie .child-subcategories ul li a:hover, .happy-cookie .child-subcategories ul li a.active {
      border-bottom: 2px solid #000000; }
.happy-cookie #contact .well {
  margin-top: 30px;
  border-radius: 0; }
.happy-cookie #contact .form-control {
  border-radius: 5px;
  background: none !important; }
  .happy-cookie #contact .form-control:active {
    background: none !important; }
.happy-cookie #contact textarea {
  height: unset !important; }
.happy-cookie #contact select {
  padding: 0; }
.happy-cookie .page-frontend .select2-selection--single {
  height: 50px !important;
  border: none;
  font-size: 14px !important; }
.happy-cookie .form-group .page-frontend {
  display: flex;
  border: 1px solid #e6edef;
  border-radius: 4px;
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important; }
.happy-cookie #mobile {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important; }
.happy-cookie .help-block {
  margin-top: 10px;
  font-size: 14px; }
.happy-cookie .form-contact input {
  padding-left: 10px; }
.happy-cookie .form-contact .input-group-icon {
  width: 45px;
  background: none;
  border: none;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center; }
.happy-cookie .form-contact .input-group-icon img {
  max-width: unset;
  margin-bottom: 0; }
.happy-cookie .form-contact .input-group {
  border: 1px solid #e6edef;
  border-radius: 4px;
  margin-bottom: 20px; }
  .happy-cookie .form-contact .input-group img {
    margin-bottom: 0; }
.happy-cookie .form-contact .input-group input {
  border: none !important;
  box-shadow: none !important;
  border-radius: 4px;
  padding-left: 0;
  height: 45px !important;
  line-height: 45px !important; }
.happy-cookie .form-contact .input-group.input-group-mobile {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  padding-left: 10px; }
.happy-cookie .select-calling-code {
  position: relative; }
  .happy-cookie .select-calling-code::after {
    content: '\F282';
    font: normal normal normal 15px/1 bootstrap-icons;
    color: #000;
    right: 8px;
    bottom: 2px;
    height: 26px;
    position: absolute;
    pointer-events: none; }
.happy-cookie .footer-mobile {
  display: none; }
.happy-cookie .owl-carousel.owl-loaded {
  list-style: none;
  margin: 0;
  padding: 0; }

/* Desktop */
@media (min-width: 1100px) {
  .banner-desktop {
    display: block;
  }

  .banner-laptop {
    display: none;
  }

  .banner-tablet {
    display: none;
  }

  .banner-phone-horizontal {
    display: none;
  }

  .banner-phone {
    display: none;
  }
}

/* Laptop */
@media (min-width: 901px) and (max-width: 1100px) {
  .banner-desktop {
    display: none;
  }

  .banner-laptop {
    display: block;
  }

  .banner-tablet {
    display: none;
  }

  .banner-phone-horizontal {
    display: none;
  }

  .banner-phone {
    display: none;
  }
}

/* Tablet */
@media (min-width: 701px) and (max-width: 900px) {
  .banner-desktop {
    display: none;
  }

  .banner-laptop {
    display: none;
  }

  .banner-tablet {
    display: block;
  }

  .banner-phone-horizontal {
    display: none;
  }

  .banner-phone {
    display: none;
  }
}

/* Phone Horizontal */
@media (min-width: 501px) and (max-width: 700px) {
  .banner-desktop {
    display: none;
  }

  .banner-laptop {
    display: none;
  }

  .banner-tablet {
    display: none;
  }

  .banner-phone-horizontal {
    display: block;
  }

  .banner-phone {
    display: none;
  }
}

/* Phone Horizontal */
@media (max-width: 500px) {
  .banner-desktop {
    display: none;
  }

  .banner-laptop {
    display: none;
  }

  .banner-tablet {
    display: none;
  }

  .banner-phone-horizontal {
    display: none;
  }

  .banner-phone {
    display: block;
  }
}