@media (min-width: 1920px) {}

 @media (max-width: 1919.98px) {
     :root {
         --font-size-base: 17px;
         --font-size-small: 15px;
         --font-size-tini: 12px;
         --font-size-h1: 32px;
         --font-size-h3: 28px;
         --font-size-h4: 24px;
         --font-size-h5: 20px;
         --section-padding: 25px;
     }

     .site-header {
         padding: 20px 30px;
     }

     .site-header .sub-menu ul li {
         padding-bottom: 2px;
     }

     .site-header .sub-menu {
         padding-top: 10px;
     }

     .site-header .hamburger .line {
         width: 30px;
         height: 2px;
     }

     .site-header .logo-f {
         width: 55px;
     }

     .swiper-button-next,
     .swiper-button-prev {
         width: 30px;
         height: 60px;
     }

     .swiper-button-prev,
     .swiper-rtl .swiper-button-next {
         left: 30px;
     }

     .swiper-button-next,
     .swiper-rtl .swiper-button-prev {
         right: 30px;
     }

     .contact-link-box {
         padding: 20px 30px;
     }

     .item-product .content {
         left: 20px;
         bottom: 12px;
     }

     .pb-base {
         padding-bottom: 20px !important;
     }

     .mb-base {
         margin-bottom: 20px !important;
     }

     .site-footer .col-sm-4:nth-child(2) .menu {
         width: 363px;
     }
 }

 @media (max-width: 1399.98px) {
     :root {
         --font-size-base: 16px;
         --font-size-small: 14px;
         --font-size-tini: 10px;
         --font-size-h1: 28px;
         --font-size-h3: 24px;
         --font-size-h4: 20px;
         --font-size-h5: 16px;
     }

     .site-header {
         padding: 15px 30px;
     }

     .site-header .logo-f {
         width: 100%;
         max-width: 45px;
     }

     .img-wrap.img-wrap-banner {
         padding-top: 58%;
     }

     .contact-link-box {
         padding: 10px 20px;
     }

     .site-footer .col-sm-4:nth-child(2) .menu {
         width: 339px;
     }
 }

 @media (max-width: 1199.98px) {
     .site-header .sub-menu-fix ul li {
         padding: 0 10px;
     }
 }

 @media (max-width: 991.98px) {
     :root {
         --font-size-base: 15px;
         --font-size-small: 13px;
         --font-size-tini: 10px;
         --font-size-h1: 23px;
         --font-size-h3: 21px;
         --font-size-h4: 18px;
         --font-size-h5: 15px;
     }

     .mobile-hide {
         display: none !important;
     }

     .site-header .fix-none {
         display: none;
     }

     .site-header .fix-show {
         display: flex;
     }

     .site-header .logo-f {
         float: unset;
     }

     .swiper-button-next,
     .swiper-button-prev {
         width: 20px;
         height: 40px;
     }

     .swiper-button-prev,
     .swiper-rtl .swiper-button-next {
         left: 15px;
     }

     .swiper-button-next,
     .swiper-rtl .swiper-button-prev {
         right: 15px;
     }

     .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
     .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
         margin: 0 6px;
         width: 8px;
         height: 8px;
     }

     .swiper-horizontal>.swiper-pagination-bullets,
     .swiper-pagination-bullets.swiper-pagination-horizontal,
     .swiper-pagination-custom,
     .swiper-pagination-fraction {
         bottom: 7px;
     }

     .section-content-slider .row>div:first-child {
         margin-bottom: 25px;
     }

     .crmWebToEntityForm .zcwf_col_lab {
         width: 100% !important;
     }

     .crmWebToEntityForm .zcwf_col_fld {
         width: 100% !important;
     }

     .site-footer {
         padding-left: 0;
         padding-right: 0;
     }

     .site-footer .footer-bot-menu ul {
         margin-top: 30px;
     }

     .site-footer .col-sm-4:nth-child(2) .menu {
         width: max-content;
     }

     .social-item img {
         width: 15px;
         height: 15px;
     }
 }

 @media (max-width: 767.98px) {
     .site-header {
         padding: 15px 5px;
     }

     .site-header .hoz-menu,
     .site-header.header-fix:not(.down) .hoz-menu,
     .site-header.down .ani-logo {
         display: none;
     }

     .site-header .logo {
         width: 90%;
         max-width: 300px;
     }

     .site-header .ani-logo {
         max-width: calc(100% - 150px);
     }

     .img-wrap.img-wrap-banner {
         padding-top: 70%;
     }

     .popup-brand-box .slider-thumbnails ul li:nth-child(n+11) {
         display: none;
     }

     .popup-brand-box .slider-thumbnails ul img {
         width: 45px;
         height: 45px;
     }

     .site-header .menu-hamburger .text {
         display: none;
     }

     .woocommerce-column.col-1,
     .woocommerce-column.col-2 {
         width: 100%;
     }

     .line-f {
         display: none;
     }

     .site-footer .footer-bot-menu ul {
         margin-top: 20px;
     }

     .crmWebToEntityForm .zcwf_row {
         display: block;
     }

     .crmWebToEntityForm .zcwf_col_fld {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }
 }

 @media (max-width: 575.98px) {

     .site-header .logo-f img {
         width: 35px;
     }

     .site-header .sub-menu-fix ul li {
         padding: 0 5px;
     }

     .site-footer {
         text-align: center;
     }

     .site-footer .menu {
         gap: 10px;
         margin-left: 0;
         margin-top: 20px;
         width: 100%;
     }

     .site-footer .footer-bot-menu {
         margin-top: 0;
         flex-direction: column;
         align-items: center;
         gap: 5px;
     }

     .site-footer .col-sm-4:nth-child(2) .menu {
         margin-left: auto;
     }

     .site-footer .footer-bot-menu li:nth-child(2n) {
         display: none;
     }

     .crmWebToEntityForm {
         width: 100% !important;
         overflow: hidden;
     }
 }

 @media (max-width: 413.98px) {
     .site-header .sub-menu-fix ul li a {
         font-size: 11px;
     }
 }

 @media (max-width: 313.98px) {
     .site-header .hoz-menu {
         display: none !important;
     }
 }