@media (min-width: 992px) {
  /*** Tri Image - Combine ****/
  div[class*='tri-combine-image-list-'] {
    width: 14rem;
    height: 14rem;
    overflow: hidden;
    margin: 2rem auto 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
  }
  div[class*='tri-combine-image-list-'] img {
    transform: rotate(-45deg) scale(1.45);
  }
  .tri_combine_images {
    height: 29rem;
  }
  .tri-combine-image-list-1 {
    transform: rotate(45deg) translate(calc(-50% + -2rem), -11rem);
    z-index: 3;
  }
  .tri-combine-image-list-2 {
    transform: rotate(45deg) translate(calc(-50% + 8rem), -49%);
    z-index: 2;
  }
  .tri-combine-image-list-3 {
    transform: rotate(45deg) translate(calc(-50% - 0.5rem), 0.75rem) !important;
  }

  /*** Diamond Image - Combine ****/
  div[class*='diamond_images-list-'] {
    width: 10rem;
    height: 10rem;

    overflow: hidden;
    margin: 2rem auto 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
  }
  div[class*='diamond_images-list-'] img {
    transform: rotate(-45deg) scale(1.45);
  }
  .diamond_images {
    height: 29rem;
  }
  .diamond_images-list-1 {
    -ms-transform: translateY(85px);
    -webkit-transform: translateY(85px);
    -moz-transform: translateY(85px);
    -o-transform: translateY(85px);
    transform: rotate(45deg) translate(-110%, -10rem);
    z-index: 3;
  }
  .diamond_images-list-2 {
    transform: rotate(45deg) translate(-4%, -98%);
    z-index: 2;
  }
  .diamond_images-list-3 {
    transform: rotate(45deg) translate(-108%, 0.75rem) !important;
  }
  .diamond_images-list-4 {
    transform: rotate(45deg) translate(0%, 0.75rem) !important;
  }
}

@media (min-width: 1024px) {
  .mobile-view {
    display: none !important;
  }
}




@media (min-width: 1025px) {
  .hero-banner h1,
  .hero-banner .h1,
  .inner-banner h1,
  .inner-banner .h1 {
    transform: scale(0.85) translateY(1rem);
    transition: all ease-in-out 0.75s;
    opacity: 0;
  }
  .hero-banner-text .button,
  .home-product-listing-row > div {
    transform: translateY(2rem);
    transition: all ease-in-out 0.45s;
    opacity: 0;
  }
  .two-combine-image-list-1 img,
  .two-combine-image-list-2 img {
    transform: translateY(3rem);
    opacity: 0;
    transition: all ease-in-out 0.45s;
  }
  .home-gallery-listing > li {
    background-color: var(--main-color);
  }
  .home-gallery-listing > li:nth-child(2n + 1) {
    background-color: var(--color-blue);
  }
  .home-gallery-listing > li:nth-child(2n + 2) {
    background-color: var(--color-beige);
  }

  .home-gallery-listing > li .img-bg-wrap,
  .gallery-listing > li .img-bg-wrap {
    transform: translateY(100%);
    transition: all ease-in-out 0.65s;
  }
  .diamond_images > div {
    opacity: 0;
  }
  .gallery-listing li {
    background-color: var(--main-color);
  }
  .animated-heading {
    transform: scale(1) translateY(0) !important;
    opacity: 1 !important;
  }
  .animated-button,
  .animated-img-1 img,
  .animated-img-2 img,
  .animated-product-box {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
  .animated-gallery-box .img-bg-wrap,
  .animated-service-gallery .img-bg-wrap {
    transform: translateY(0) !important;
  }
  .diamond-animated-box {
    opacity: 1 !important;
  }

  .main-header-menu > li:hover {
    overflow: visible;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 70rem;
  }
  .container-extend {
    max-width: 85%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  /*** Tri Image - Combine ****/
  .tri-combine-image-list-1 {
    transform: rotate(45deg) translate(calc(-50% + -3.5rem), -11rem);
  }
  .tri-combine-image-list-2 {
    transform: rotate(45deg) translate(calc(-50% + 10rem), -49%);
  }
}

@media (min-width: 1400px) {
  .fixed {
    background-attachment: fixed !important;
  }

  /*** Diamond Image - Combine ****/
  .diamond_images {
    height: 38rem;
  }
  div[class*='diamond_images-list-'] {
    width: 13rem;
    height: 13rem;
  }
  .diamond_images-list-1 {
    transform: rotate(45deg) translate(-96%, -14rem);
  }
  .diamond_images-list-2 {
    transform: rotate(45deg) translate(11%, -14.25rem);
  }
  .diamond_images-list-3 {
    transform: rotate(45deg) translate(-96%, -0.15rem) !important;
  }
  .diamond_images-list-4 {
    transform: rotate(45deg) translate(12%, -0.25rem) !important;
  }
}

@media (min-width: 2000px) {
  html {
    font-size: 0.975vw;
  }
}

@media (max-width: 1599px) {
  .container {
    max-width: 65rem;
  }

  /** Home > Product **/
  .product-overlay-heading {
    font-size: 1.25vw;
  }
  .product-box .product-description {
    font-size: 0.975vw;
  }
  .product-box a.less-more {
    font-size: 1.15vw;
  }
  .product-box .less-more svg,
  .product-box .less-more img {
    width: 2vw;
    height: 2vw;
  }

  /** Service **/
  .gallery-img-holder {
    height: 25rem;
  }
  .gallery-listing li:nth-child(4n + 2) {
    border-width: 3rem 6rem 3rem 3rem;
  }
  .gallery-listing li:nth-child(4n + 3) {
    border-width: 3rem 3rem 3rem 6rem;
  }
}

@media (max-width: 1399px) {
  /** Header **/
  .site-header .container-extend {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main-header-menu > li > a {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
  }

  /** Home > Our Product **/
  .home-our-products {
    padding: 5rem 6%;
  }
}

@media (max-width: 1299px) {
  /** Service **/
  .gallery-img-holder {
    height: 20rem;
  }
  .gallery-listing li:nth-child(4n + 2) {
    border-width: 2rem 4rem 2rem 2rem;
  }
  .gallery-listing li:nth-child(4n + 3) {
    border-width: 2rem 2rem 2rem 4rem;
  }

  /** Page - Contact **/
  .more-location-hour-inner {
    padding: 2rem;
  }
  .map-view {
    height: 33rem;
  }
}

@media (max-width: 1199px) {
  /** Header **/
  .site-logo img {
    width: 4rem;
  }


  /** Home > Our Product **/
  .product-button {
    font-size: 1.55vw;
  }
  .product-box .product-description {
    font-size: 1.4vw;
    line-height: 1.4;
  }
  .product-overlay-heading {
    font-size: 1.85vw;
  }
  .product-box a.less-more {
    font-size: 1.55vw;
  }
  .product-box .less-more svg,
  .product-box .less-more img {
    width: 2.5vw;
    height: 2.5vw;
  }

  /** Inner Banner **/
  .inner-banner {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    height: 20rem;
  }

  /** CTA  **/
  .cta-section .h2 {
    font-size: 1.75rem;
  }
}
@media (min-width: 1023px) {
.header-aside-top.mobile-view {
    display: none!important;
}
}


@media (max-width: 1099px) {
  /***** Container ****/
  .container {
    max-width: 98%;
  }

  /** Header **/
  .site-header .container-extend {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-header-menu > li > a {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
  }
}

@media (max-width: 1024px) {
  /***** Common ****/
  body,
  html {
    height: auto;
  }

  /***** Home > Hero Banner ****/
  .hero-banner {
    height: 27rem;
  }
  .hero-banner-text {
    padding-left: 5%;
    padding-right: 5%;
  }
  .hero-banner h1 {
    font-size: 2rem;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

@media (max-width: 1023px) {
  body {
      padding-top: 5rem;
  }

  /**** Header ****/
  .header-grid {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .site-logo img {
    width: 4rem;
  }
  .button.small-btn.cart-webshop-button {
    border-radius: 0.35rem;
    padding: 0.6rem 1rem;
  }
  .button.small-btn.cart-webshop-button strong {
    font-weight: normal;
  }
  .cart-webshop-button span svg,
  .cart-webshop-button span img {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
  }
  .header-top {
    display: none !important;
  }
  .header-aside-top {
    font-size: 1rem;
  }
  .header-phone img,
  .header-phone svg {
    width: 1.35rem;
  }
  .header-email img,
  .header-email svg {
    width: 1.5rem;
  }
  .header-phone img,
  .header-phone svg,
  .header-email img,
  .header-email svg {
    margin-right: 0.55rem;
  }
  button.navbar-toggler {
    display: block !important;
    background-color: var(--main-color);
    width: 50px;
    height: 40px;
    border: none;
  }
  .social-media {
    margin-right: 15px;
  }
  .header-aside-top > div + div {
    margin-left: 0.75rem;
  }
  .main-mobile-header-menu {
    margin: 0;
  }
  .mobile-navbar-toggler-icon {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 5px 0;
  }
  .header-mobile-menu {
    display: block !important;
    height: 0;
    overflow: hidden;
    background-color: #f5f3f3;
  }
  .header-mobile-menu.show {
    max-height: 1000%;
    height: auto;
    overflow-y: auto;
  }
  div.header-menu {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .header-grid {
    align-items: center;
  }
  .main-mobile-header-menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 0;
    font-size: 14px;
    display: block;
    padding: 10px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
  }
  .main-mobile-header-menu > li.current-menu-item > a,
  .main-mobile-header-menu > li.current_page_parent > a {
    background-color: var(--main-color);
    color: #fff;
  }
  .header-aside-top {
    margin-top: 0;
    align-items: center;
    font-size: 0.9rem;
  }
  .main-header-menu {
    display: none !important;
  }

  /**** Hero Banner ****/
}

@media screen and (max-device-width: 1023px) and (orientation: landscape) {
}

@media screen and (max-device-width: 991px) and (orientation: landscape) {
  .header-mobile-menu.show {
    height: 170px;
  }
}

@media (max-width: 991px) {
  /***** Common ****/
  .h2,
  h2,
  h1,
  .h1 {
    font-size: 2rem;
  }
  h3,
  .h3 {
    font-size: 1.75rem;
  }
  h4,
  .h4 {
    font-size: 1.5rem;
  }
  h5,
  .h5 {
    font-size: 1.35rem;
  }
  h6,
  .h6 {
    font-size: 1.15rem;
  }

  /*** Home > About ****/
  .home-about .row {
    flex-direction: column-reverse;
  }
  .home-about ul li,
  .our-service-introduction ul li {
    display: inline-block;
    width: 48%;
    padding-right: 10px;
    vertical-align: top;
  }
  .two-combine-image-list-1 img {
    height: 24rem;
  }
  .two-combine-image-list-2 img {
    height: 20rem;
  }
  .two_combine_images {
    margin-top: 0.75rem;
  }

  /***** Home Gallery ****/
  .gallery-img-holder {
    height: 14rem;
  }
  .gallery-listing li:nth-child(4n + 2) {
    border-width: 1rem 2rem 1rem 1rem;
  }
  .gallery-listing li:nth-child(4n + 3) {
    border-width: 1rem 1em 1rem 2rem;
  }

  /*** Tri Image - Combine ****/
  div[class*='tri-combine-image-list-'] {
    width: 18rem;
    height: 18rem;
  }
  .tri_combine_images {
    display: flex;
    margin-top: 2rem;
  }
  div[class*='tri-combine-image-list-'] {
    width: calc(33.33% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }

  /*** Diamond Image - Combine ****/
  div[class*='diamond_images-list-'] {
    width: 18rem;
    height: 18rem;
  }
  .diamond_images {
    display: flex;
    margin-top: 2rem;
  }
  div[class*='diamond_images-list-'] {
    width: calc(33.33% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }

  /*** Product Overlay *****/
  .product-overlay {
    top: auto;
    height: auto;
    bottom: -0.5rem;
    display: flex;
    left: 0;
    right: 0;
    padding: 0.75rem;
    transform: translateY(0);
    opacity: 1;
    text-align: center;
    visibility: visible;
  }
  .product-button,
  .product-box .product-description {
    display: none;
  }
  .product-overlay a.less-more {
    justify-content: center;
  }
  .product-overlay-heading {
    font-size: 1.2rem;
    margin-bottom: 0.45rem !important;
  }
  .product-box a.less-more {
    font-size: 0.85rem;
  }

  /*** Home Gallery *****/
  .home-gallery-img-holder {
    height: 15.75rem;
  }
  .gallery-img-holder a:after,
  .common-gallery-img-holder a:after {
    width: 1.35rem;
    height: 1.35rem;
    background-size: 1.35rem;
  }

  /*** Inner Banner *****/
  .inner-banner h1,
  .inner-banner .h1 {
    font-size: 2.7rem;
  }

  /*** Diamond *****/
  .diamond_images {
    margin-top: 1rem;
  }
  div[class*='diamond_images-list-'] {
    height: 13rem;
  }

  /** Page - Contact **/
  .more-location-hour-inner .office-timing p strong {
    width: 6rem;
  }
  .office-timing {
    font-size: 0.9rem;
  }

  /** Page - Merken **/
  .logo-gallery-listing li {
    height: 9.5rem;
    padding: 0.75rem;
  }
  .logo-gallery-listing li img {
    max-height: calc(9.5rem - 1.5rem);
  }
  .logo-gallery-listing li .w-100 {
    padding: 0;
  }

  /*** Footer *****/
  .site-footer {
    font-size: 0.75rem;
  }
  .footer-heading {
    font-size: 0.9rem;
  }
  .office-timing p strong {
    /* width: 5.25rem; */
  }
}

@media (max-width: 920px) {
  /***** Contact Strip ****/
  .contact-strip-box {
    padding: 2rem 1rem;
    font-size: 0.9rem;
  }
  .cta-social .social-icon {
    width: 2.25rem;
    height: 2.25rem;
  }
  .cta-phone img,
  .cta-phone svg {
    width: 2rem;
    max-height: 2rem;
  }
  .cta-email img,
  .cta-email svg {
    width: 2.35rem;
    max-height: 3rem;
  }
  .cta-address img,
  .cta-address svg {
    width: 2.25rem;
    max-height: 2.25rem;
    margin-right: 0.25rem;
  }
}
@media (max-width: 767px) {
  /***** Global ****/
  .container {
    max-width: 100%;
  }
  .desc {
    max-width: 100%;
  }
  .heading-border:before {
    content: none;
  }
  .h2,
  h2,
  .h1,
  h1 {
    font-size: 1.75rem;
  }
  .h3,
  h3 {
    font-size: 1.5rem;
  }
  .h4,
  h4 {
    font-size: 1.35rem;
  }
  .h5,
  h5 {
    font-size: 1.2rem;
  }
  .h6,
  h6 {
    font-size: 1.1rem;
  }
  .button {
    padding: 0.9rem;
  }
  .bottom-to-top,
  .scrollup {
    height: 2.75rem;
    width: 2.75rem;
  }

  /***** Header ****/
  .header-aside-top .social-media {
    display: none;
  }
  .header-email,
  .header-phone {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: var(--main-color);
  }

  .header-email a:before,
  .header-phone a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .header-email a,
  .header-phone a {
    font-size: 0;
  }
  .header-email img,
  .header-email svg {
    width: 1.75rem;
  }
  .header-phone img,
  .header-phone svg {
    width: 1.65rem;
  }
  .header-email img,
  .header-email svg,
  .header-phone img,
  .header-phone svg {
    margin-right: 0;
    top: 0;
  }
  .header-email svg path,
  .header-phone svg path {
    fill: #fff;
  }
  .header-aside-top > div {
    margin-right: 0.75rem;
    margin-left: 0 !important;
  }

  /***** Home > Hero Banner ****/
  .hero-banner {
    height: 20rem;
  }
  .hero-banner-text {
    padding-left: 0;
    padding-right: 0;
  }
  .hero-banner h1 {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }

  /*** Home > About ****/
  .two_combine_images {
    margin-top: 0.75rem;
    display: flex;
  }
  .two-combine-image-list-1 {
    width: 48.5%;
  }
  .img-container.two-combine-image-list-2 {
    width: 48.5%;
    transform: translateY(0);
    text-align: right;
    display: block;
  }
  .two-combine-image-list-1 img,
  .two-combine-image-list-2 img {
    height: 16rem;
  }

  /*** Home > Product *****/
  .home-our-products {
    padding-left: 0;
    padding-right: 0;
  }
  .home-our-products .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .home-our-products .row > div,
  .home-our-products .row {
    padding: 0.5rem;
    margin-left: 0;
    margin-right: 0;
  }
  .product-overlay {
    bottom: 0;
  }
  .product-box .less-more svg,
  .product-box .less-more img {
    width: 1.5rem;
    height: 1.5rem;
  }
  .product-box {
    height: 18.5rem;
  }

  /***** Home Gallery ****/
  .home-gallery-listing {
    margin-left: -10px;
    margin-right: -10px;
  }
  .home-gallery-listing li {
    width: calc(50% - 20px);
    margin: 10px;
  }

  /***** Gallery ****/
  .gallery-listing {
    justify-content: center;
  }
  .gallery-listing li,
  .gallery-listing li:nth-child(4n + 2),
  .gallery-listing li:nth-child(4n + 3) {
    width: calc(100% / 2);
    border: 5px solid #fff;
  }
  .gallery-listing li:nth-child(2n + 1) {
    border-left: none;
  }
  .gallery-listing li:nth-child(2n + 2) {
    border-right: none;
  }

  /***** Inner Banner ****/
  .inner-banner {
    height: 16rem;
  }
  .inner-banner h1,
  .inner-banner .h1 {
    font-size: 2.5rem;
  }

  /*** Diamond *****/
  .diamond_images {
    flex-wrap: wrap;
  }
  div[class*='diamond_images-list-'] {
    width: calc(50% - 16px);
    margin-top: 8px;
    margin-bottom: 8px;
  }
  /***** Page : Merken ****/
  .logo-gallery-listing li {
    width: calc(33.33% - 1rem);
  }

  /*** Page - Contact *****/
  .contact-strip-box-outer {
    margin-top: 3rem;
  }
  .contact-strip-box ul {
    flex-wrap: wrap;
  }
  .contact-strip-box ul li {
    width: 40%;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .contact-strip-box ul li:nth-child(2n + 1) {
    width: 60%;
  }
  .contact-strip-box .social-media {
    margin-right: 0;
    justify-content: flex-start;
  }
  .more-location-hour,
  .map-view {
    width: 100%;
  }
  .more-location-heading {
    font-size: 1.25rem;
  }
  .more-location-hour-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
  .map-view {
    height: 22rem;
  }
  .main-contact-form {
    padding-left: 15px;
    padding-right: 15px;
  }

  /*** logo Section *****/
  .logo-gallery-listing li {
    width: calc(50% - 1rem);
  }

  /***** 404 ****/
  .newsletter-form-outer,
  .not-found-form-outer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .contact-field-group .contact-field {
    margin: 0.45rem 0;
  }

  /***** CTA ****/
  .cta-section {
    text-align: center;
  }
  .cta-section .h2 {
    font-size: 1.5rem;
  }
  .button {
    padding: 0.9rem;
    width: auto;
    max-width: 243px;
    margin: 0 auto;
  }

  /***** Cookie ****/
  #cookie-notice .cn-button {
    padding: 5px 14px;
    min-width: 80px !important;
  }
  .cookie-notice-container #cn-notice-text {
    margin-bottom: 10px;
  }
  span#cn-notice-text {
    width: 100%;
    text-align: center;
  }
  .cookie-notice-container > span {
    display: block !important;
    text-align: center;
  }

  /*** Footer *****/
  .site-footer {
    font-size: 0.9rem;
  }
  .footer-main-grid {
    padding-top: 1rem;
  }
  .footer-main-row > div {
    width: 50%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .footer-heading {
    font-size: 1.15rem;
  }
  .footer-bottom-row {
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
  }
  .footer-bottom-row > div {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 650px) {
}

@media (max-width: 575px) {
  /***** Common ****/
  .space,
  .home-our-products {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .margin {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .h2,
  h2 {
    font-size: 1.8rem;
  }
  .h3,
  h3 {
    font-size: 1.6rem;
  }
  .h4,
  h4 {
    font-size: 1.4rem;
  }
  .h5,
  h5 {
    font-size: 1.25rem;
  }
  .h6,
  h6 {
    font-size: 1.15rem;
  }
  .mb2_5 {
    margin-bottom: 1.5rem;
  }
  div.wpcf7-response-output {
    font-size: 0.75rem;
    bottom: 0.25rem;
  }
  .contact-field-group .contact-field {
    margin: 0.45rem 0;
  }

  /***** Header ****/
  .header-grid {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /***** Inner Banner ****/
  .inner-banner {
    height: 14rem;
  }
  .inner-banner h1,
  .inner-banner .h1 {
    font-size: 2rem;
  }

  /***** Page : Merken ****/
  .logo-gallery-view-outer {
    padding-left: 5px;
    padding-right: 5px;
  }
  .logo-gallery-listing li {
    width: calc(50% - 1rem);
  }
  .logo-gallery-listing li {
    height: 7rem;
  }
  .logo-gallery-listing li img {
    max-height: 6.75rem;
  }

  /*** Page - Contact *****/
  .contact-strip-box ul {
    text-align: center;
  }
  .contact-strip-box ul li:nth-child(2n + 1),
  .contact-strip-box ul li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cta-phone a,
  .cta-email a {
    justify-content: center;
  }
  .cta-address,
  .contact-strip-box ul li:nth-child(2n + 1),
  .contact-strip-box ul li {
    display: block;
  }
  .contact-strip-box ul li.cta-social {
    justify-content: center;
    display: flex;
  }

  /*** Footer *****/
  .footer-main-row {
    text-align: center;
  }
  .footer-contact-list {
    text-align: left;
    margin-top: 0.75rem;
    display: inline-block;
  }
  .footer-main-row > div {
    width: 100%;
  }
  .site-footer .social-media {
    justify-content: center;
    margin-right: 0;
  }
  .footer-main-grid {
    padding-bottom: 1rem;
  }
}

@media (max-width: 479px) {
  /***** Global ****/
  .spaceMB {
    margin-bottom: 3rem;
  }
  .button {
    padding: 0.78rem;
    min-width: 9rem;
  }

  /***** Home > Hero Banner ****/
  .hero-banner {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .hero-banner h1 {
    font-size: 1.4rem;
    margin-bottom: 1.35rem;
  }

  /*** Home > About ****/
  .two-combine-image-list-1 img,
  .two-combine-image-list-2 img {
    height: 13rem;
  }
  .home-about ul li,
  .our-service-introduction ul li {
    display: block;
    width: 100%;
    padding-right: 0;
  }

  /***** Home Gallery ****/
  .home-gallery-listing {
    margin-left: -5px;
    margin-right: -5px;
  }
  .home-gallery-listing li {
    width: calc(50% - 10px);
    margin: 5px;
  }
  .home-gallery-img-holder {
    height: 10.75rem;
  }

  /***** Page : Contact ****/
  .contact-by-wrap {
    display: block;
  }
  .contact-by {
    width: 100%;
    height: 11rem;
  }
  .contact-by-wrap > div + div {
    margin-top: 15px;
  }

  /***** Gallery ****/
  .gallery-img-holder {
    height: 11rem;
  }

  /***** Footer ****/
}

@media (max-width: 419px) {
  .button.small-btn.cart-webshop-button {
    border-radius: 0.35rem;
    padding: 0.5rem 0.75rem;
  }
  .cart-webshop-button span svg,
  .cart-webshop-button span img {
    width: 1.25rem;
    height: 1.25rem;
  }
}

@media (max-width: 399px) {
    .site-logo img {
        width: 3rem;
    }
    .cart-webshop-button span svg,
  .cart-webshop-button span img {
    display: none;
  }
  .header-button.mr-3 {
    margin-right: 0.65rem !important;
  }
  .header-phone{
      display: none;
  }
}

@media (max-width: 385px) {
  body {
    padding-top: 4.5rem;
  }

  .header-phone img,
  .header-phone svg {
    width: 1.3rem;
  }
  .header-email img,
  .header-email svg {
    width: 1.25rem;
  }
  .header-email,
  .header-phone {
    width: 2.25rem;
  }
  button.navbar-toggler {
    width: 45px;
  }
  .header-aside-top > div {
    margin-right: 0.5rem;
  }

  /*** Diamond *****/
  .diamond_images {
    margin-top: 0;
  }
  div[class*='diamond_images-list-'] {
    width: calc(100% - 16px);
  }

  /*** Logo Gallery *****/
  .logo-gallery-listing li {
    width: calc(100% - 1rem);
  }
  .logo-gallery-listing li img,
  .logo-gallery-listing li:hover img {
    transform: scale(0.8);
  }

  /***** CTA ****/
  .cta-section .h2 {
    font-size: 1.25rem;
  }
}

@media (max-width: 375px) {
  /***** Button ****/
  .extra-size-button.button {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }

  /*****Home > About ****/
  .two-combine-image-list-1 img,
  .two-combine-image-list-2 img {
    height: 11rem;
  }

  .footer-bottom {
    font-size: 0.7rem;
  }
}

@media (max-width: 350px) {
  /***** Global ****/
  body {
    padding-top: 4rem;
  }
  .button.small-btn.cart-webshop-button strong {
    display: none;
  }
  .cart-webshop-button span svg,
  .cart-webshop-button span img {
    display: block;
  }
  .button.small-btn.cart-webshop-button {
    border-radius: 0.35rem;
    padding: 0.15rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cart-webshop-button span svg,
  .cart-webshop-button span img {
    margin-right: 0;
  }
  .cart-webshop-button span svg,
  .cart-webshop-button span img {
    width: 1.5rem;
    height: 1.5rem;
  }

  /***** Acceptance ****/
  .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 14px;
  }
}