:root {
  --theme-color-my: #40655e;
}
.footer__menu-sticky {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9;
  left: 0;
}
.footer__menu-sticky .row [class^="col-"]:not(:last-child) {
  border-right: 1px solid #e3e3e3;
}
.footer__menu {
  background-color: #fff;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.07);
}
.footer__menu-wrap .offcanvas.offcanvas-bottom {
  max-height: calc(95vh - 180px);
  background-color: #f9f9f9;
  height: auto;
  z-index: 9999;
}
.footer__menu-wrap .offcanvas-body {
  padding: 0 1rem;
}
.footer__menu-wrap .offcanvas-header {
  justify-content: flex-end;
  padding: 6px 10px;
}
.footer__off-close {
  border: none;
  background-color: transparent;
}
.footer__off-close svg path {
  fill: var(--theme-color-my);
}
.footer__office-box .title {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start;
  flex-direction: column;
  flex: 0 0 auto;
  width: 100%;
  padding-right: 0;
}
.footer__office-box .title h5 {
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 0;
}
.footer__office-box:nth-last-child(-n + 6) .title h5 {
  min-height: 40px;
}
.footer__office-box .title img {
  width: 100%;
  object-fit: contain;
  height: 60px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(289deg)
    brightness(111%) contrast(101%);
}
.footer__office-box .title .icon {
  background-color: #40655e;
  display: inline-flex;
  width: 100%;
  height: 80px;
  justify-content: center;
  align-items: center;
}
.footer__office-box {
  flex: 0 0 auto;
  width: 31%;
  padding: 10px;
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  display: flex;
  align-items: center;
}
.footer__office-box .footer__contact-list {
  display: none;
}
.footer__office-box:has(.footer__contact-list) {
  width: 100%;
}
.footer__office-box:has(.footer__contact-list) .title {
  width: 30%;
  padding-right: 12px;
}
.footer__office-box:has(.footer__contact-list) .title .icon {
  height: 80px;
}
.footer__contact-list {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
}
.footer__contact-list li {
  font-size: 12px;
  color: #424242;
  position: relative;
  padding-left: 15px;
}
.footer__contact-list li a {
  color: inherit;
}
.footer__contact-list li span {
  position: absolute;
  left: 0;
  font-size: 11px;
  top: 1px;
}
.footer__contact-list li a:hover {
  color: #ca0404;
  text-decoration: underline;
}
.footer__office-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: space-between;
}
.footer__menu-box {
  position: relative;
}
.footer__menu-box .navbar-toggler {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 7px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  margin: 0 auto;
}
.footer__menu-box .navbar-toggler img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(37%) sepia(24%) saturate(499%)
    hue-rotate(119deg) brightness(90%) contrast(91%);
}
.footer__menu-qc ul li {
  flex: 0 0 auto;
  width: 30%;
}
.footer__menu-qc ul li a {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__menu-qc .qc-right .icon {
  display: inline-flex;
  border-radius: 50%;
  position: relative;
  right: 0;
  width: 75%;
  top: 0;
  padding: 16px;
  aspect-ratio: 1;
}
.footer__menu-qc .qc-right h5 {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  color: #353535;
}
.footer__menu-qc .qc-right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  position: relative;
  flex-direction: column;
}
.footer__menu-qc .qc-right h6 {
  font-size: 16px;
  margin-bottom: 0;
  display: none;
}
.footer__menu-qc ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 10px;
  justify-content: center;
  padding: 0;
}
.footer__menu-qc {
  margin-bottom: 25px;
}
.footer__menu-modal .form-group .form-control {
  background-color: var(--clr-white);
  border-radius: 6px;
  padding: 7px 15px;
  height: 36px;
  color: #000 !important;
  font-family: var(--ff-paragraph);
  font-size: 14px;
  transition: all 0.5s;
}
.footer__menu-modal .form-group .form-control::placeholder {
  color: #000;
  opacity: 1;
}
.footer__menu-modal .form-group .form-control:focus,
.footer__menu-modal .form-group .form-control:active,
.footer__menu-modal .form-group .form-control:focus-visible,
.footer__menu-modal .form-group .form-control :focus-within {
  border-color: #ff1414;
  box-shadow: none;
  outline: none;
}
.footer__menu-modal .wpcf7-response-output {
  border: none !important;
  color: red;
  padding: 0 !important;
  background: 0 0;
  margin: 15px 0 0 !important;
}
.footer__menu-modal .wpcf7-not-valid-tip {
  margin-top: 5px;
}
.footer__menu-modal .form-group {
  margin-bottom: 16px;
}
.footer__menu-modal textarea.form-control {
  height: 80px !important;
  resize: none;
}
.footer__menu-modal .custom-button,
.footer__menu-form .custom-button {
  display: inline-flex;
  background-color: #d70f0f;
  border: 1px solid transparent;
  padding: 6px 25px;
  color: #fff;
  font-weight: 600;
  border-radius: 0;
  text-transform: capitalize;
  transition: all 0.5s;
}
.footer__menu-modal .custom-button:hover,
.footer__menu-form .custom-button:hover {
  color: #d70f0f;
  background-color: transparent;
  border-color: #d70f0f;
}
.footer__menu-modal .modal-header h3 {
  margin-bottom: 0 !important;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
.footer__menu-modal .modal-header {
  padding: 5px 6px;
}
.footer__menu-modal .modal-header .btn-close {
  background-color: #ff1414 !important;
  opacity: 1;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  font-size: 11px;
  margin: 0;
}
iframe[title="Messaging window"] {
  height: 70% !important;
  bottom: 0 !important;
  top: unset !important;
}
.footer__factory-wrap .accordion-button {
  padding: 10px;
  background: 0 0 !important;
  box-shadow: none !important;
  border-bottom: none !important;
}
.footer__factory-wrap .accordion-button::after {
  --bs-accordion-btn-icon-width: 14px;
}
.footer__factory-wrap .accordion-body {
  padding: 15px 10px;
  border-top: 1px solid #e6e6e6;
}
.footer__factory-wrap .accordion-item {
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.04) !important;
  margin-bottom: 12px;
  border-bottom: 0;
  border-radius: 5px !important;
}
.footer__factory-title {
  font-size: 14px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  font-weight: 600;
  gap: 12px;
}
.footer__factory-title img {
  height: 30px;
  width: 30px;
  object-fit: cover;
  border-radius: 50%;
}
.footer__factory-content ul {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer__factory-content ul li {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.footer__factory-content ul li h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.footer__factory-content ul .progress {
  --bs-progress-bar-bg: var(--clr-accent);
  --bs-progress-height: 3px;
}
#footerMenuContactModal {
  z-index: 9999999;
}
#myLauncher::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #40655e;
  border-radius: 50%;
  top: 7px;
  right: 6px;
}
.footer__menu-qc ul li:nth-child(1) .icon {
  background-color: #7ab943;
}
.footer__menu-qc ul li:nth-child(2) .icon {
  background-color: #41b9f1;
}
.footer__menu-qc ul li:nth-child(3) .icon {
  background-color: #fe9191;
}
.footer__menu-qc ul li:nth-child(4) .icon {
  background-color: #ff960f;
}
.footer__menu-qc ul li:nth-child(5) .icon {
  background-color: #a860ff;
}
.desk_top_chatbot {
  position: fixed;
  z-index: 99;
  bottom: 25px;
  left: 25px;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1f73b7;
  border-radius: 100%;
  padding: 10px;
  color: #000;
  box-shadow: 0 3px 6px rgb(0 0 0/25%);
  display: none;
}
.desk_top_chatbot span {
  display: block;
  margin-top: 3px;
}
#chaty-widget-0.chaty.chaty-id-0 {
  display: none !important;
}
.locacontent ol li, .locacontent ul li{
color: #040404;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
}
.locacontent ol, .locacontent ul{
  padding-left: 0;
  margin-bottom: 20px;
}
.locacontent ol li::before, .locacontent ul li::before{
  position: absolute;
  left: 0;
top: 10px;
  width: 8px;
  height: 8px;
  content: '';
  border-radius: 100%;
  background: #040404;
}



@media only screen and (min-width: 768px) {
  .desk_top_chatbot {
    display: flex;
  }
  #chaty-widget-0.chaty.chaty-id-0 {
    display: block !important;
  }
}
@media only screen and (max-width: 479px) {
  .footer__menu-qc .qc-right .icon {
    width: 65px;
    height: 65px;
  }
  .footer__menu-qc .qc-right .icon img {
    width: 35px;
    height: 35px;
  }
}



/*30-04-2025*/
.generic-content-wrap ol,
.generic-content-wrap ul,
.generic-content-wrap ol li,
.generic-content-wrap ul li {
  list-style: auto;
  list-style-position: inside;
}

.page-template-default .inner-ban-tx h1 {
  color: #ffff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 34px;
  text-align: left;
}

.page-template-default .entry-content {
margin: 25px 0;
}
 .cat-description ol{padding-left: 0;}
.cat-description ul li, .cat-description ol li{margin-bottom: 12px; position: relative; padding-left: 15px;}
.cat-description ul li::before, .cat-description ol li::before{
    position: absolute;
    top: 6px;
    left: 0;
    width: 8PX;
    height: 8px;
    border-radius: 100%;
    background: #000;
    content: '';
}
.location-banner-sec .content-box h1{
   text-transform: uppercase;
    font-size: 46px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
.product-ban .inner-ban-tx h1 {   color: #fff;text-align: right;}@media (max-width: 1440px) {
  .custom__nav .dropdown .dropdown-menu .nav-item .nav-link {
    font-size: 12px !important;
    padding: 3px 0 !important;
  }

  .custom__nav .dropdown .dropdown-menu .nav-item .badge.badge-secondary::before {
    border-right: 52px solid transparent;
  }

  .custom__nav .dropdown .dropdown-menu .nav-item .badge.badge-secondary p {
    transform: rotate(-38deg) translateY(-1px);
    font-size: 7px;
  }

  .custom__nav .dropdown .dropdown-menu .nav-item .badge.badge-secondary {
    font-size: 2px;
  }

  section.product-details-sec {
    padding: 26px 0 28px;
  }
  /* wholesale  */
  .custom-pad {
    padding: 50px 0;
}

.wholesale-banner-sec h2 {
    font-size: 31px;
    line-height: 39px;
    margin-bottom: 7px;
}

.wholesale-banner-sec .side-box {
    padding: 24px 29px 25px 12px;
}

.sm-card h3 {
    font-size: 15px;
    line-height: 20px;
}

.cta-sec-one .sm-card h3 {
    font-size: 22px;
    line-height: 26px;
    margin: 8px 0 17px;
}
}

@media (min-width: 991px) {
  .country-overlay.small-img {
    height: 288px;
  }

  .country-overlay.big-img {
    height: 600px;
  }
}

@media only screen and (max-width: 991px) {
  .cta-sec-one .sm-card h3 {
    font-size: 18px;
    line-height: 23px;
    margin: 6px 0 12px;
}

.cta-sec-one a.main__btn {
    height: 37px;
}
  section.product-details-sec {
    padding: 13px 0 28px;
  }

  .before-after-slider img {
    object-fit: contain;
  }
  .cta-two-sec .sub-content-box h3 {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
}

.cta-two-sec .sub-content-box {
    padding: 38px 65px;
    gap: 11px;
}

.cta-two-sec .content-box {
    padding: 41px 86px;
}
.wholesale-banner-sec p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.content-one h2, .related-pro-sec h2, .big-img-decp h1 {
  font-size: 26px;
  line-height: 40px;
}
.wholesale-banner-sec p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}

.ft-cont h2 {
  font-size: 22px;
  margin: 0 0 8px;
}

.ft-cont p {
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 20px;
}
.wholesale-banner-sec h2 {
  font-size: 28px;
  line-height: 34px;
}

  .mainSection figure,
  .mainSection .after_before_slider {
    max-height: 100%;
  }

  .mainSection .before-after-slider__after-image img {
    max-height: 570px;
  }

  .search-wrap input[type="search"] {
    width: 0;
    border-color: transparent;
  }

  .search-wrap:hover input[type="search"] {
    width: auto;
    border-color: #000;
  }

  .search-wrap i {
    color: #000;
  }

  .custom__nav .dropdown .dropdown-menu .nav-item .badge.badge-secondary::before {
    display: none;
  }

  .custom__nav .dropdown .dropdown-menu .nav-item .badge.badge-secondary {
    position: relative;
    left: unset;
    top: unset;
    background-color: #ffe50f;
    height: 24px;
    margin-left: 12px;
    border-radius: 0;
    animation: shake-bottom 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s infinite both;
  }

  .custom__nav .dropdown .dropdown-menu .nav-item .badge.badge-secondary p {
    transform: unset;
  }

  .custom__nav .dropdown-menu .nav-item {
    display: flex;
    align-items: center;
  }

  .inner-ban-tx h2 {
    font-size: 28px !important;
  }

  .hm__sustainable {
    margin: 0;
  }

  @-webkit-keyframes shake-bottom {

    0%,
    100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
    }

    10% {
      -webkit-transform: rotate(2deg);
      transform: rotate(2deg);
    }

    20%,
    40%,
    60% {
      -webkit-transform: rotate(-4deg);
      transform: rotate(-4deg);
    }

    30%,
    50%,
    70% {
      -webkit-transform: rotate(4deg);
      transform: rotate(4deg);
    }

    80% {
      -webkit-transform: rotate(-2deg);
      transform: rotate(-2deg);
    }

    90% {
      -webkit-transform: rotate(2deg);
      transform: rotate(2deg);
    }
  }

  @keyframes shake-bottom {

    0%,
    100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
    }

    10% {
      -webkit-transform: rotate(2deg);
      transform: rotate(2deg);
    }

    20%,
    40%,
    60% {
      -webkit-transform: rotate(-4deg);
      transform: rotate(-4deg);
    }

    30%,
    50%,
    70% {
      -webkit-transform: rotate(4deg);
      transform: rotate(4deg);
    }

    80% {
      -webkit-transform: rotate(-2deg);
      transform: rotate(-2deg);
    }

    90% {
      -webkit-transform: rotate(2deg);
      transform: rotate(2deg);
    }
  }
	
	    /* loaction accordian */
.dgGlobal-location__menu-offices .accordion-flush .accordion-item {background: #80808057; border-radius: 12px; overflow: hidden;}
.dgGlobal-location__menu-offices .accordion-flush .accordion-item {overflow: hidden; position: relative;transition: all 0.5s ease-in-out;}
.dgGlobal-location__menu-offices .accordion-flush .accordion-item {background: transparent;}
.dgGlobal-location__menu-offices .accordion-flush .accordion-item:not(last-child) {  margin-bottom: 10px;}
.dgGlobal-location__menu-offices .accordion-flush .accordion-item .accordion-body {background: #e8e8e8;}
p, .distributer-conrtent ul>li, .custom-list ul li, .distributer-conrtent ul>li, .dgGlobal-location__contact-list li, 
.bottom-footer-col h6, .blog-detail .content-box ul>li, .blog-detail .content-box ul>li {font-size: 15px;line-height: 22px;}
.dgGlobal-location__menu-offices .accordion-button {background: transparent;}
.dgGlobal-location__menu-offices .dgGlobal-location__office-box {display: flex;align-items: center;gap: 10px;}
.dgGlobal-location__menu-offices .dgGlobal-location__office-box {overflow: hidden;}
.dgGlobal-location__menu-offices .accordion-flush .accordion-item .accordion-button::after { content: "\f078";font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 18px;position: absolute;right: 23px;top: 50%;transform: translateY(-50%);
    color: #fff;background: transparent;transition: all 0.3s;}
 .dgGlobal-location__office-box .img-part {height: 100%;position: absolute;width: 100%;left: 0;
}
.dgGlobal-location__office-box .img-part::before { position: absolute; top: 0; left: 0;content: "";background-color: rgba(0,0,0,.89);height: 100%;width: 100%;opacity: .3;}
.dgGlobal-location__office-box .img-part img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.dgGlobal-location__office-box .title { padding: 8px 10px 4px;position: relative; z-index: 3;}
.dgGlobal-location__office-box .title h5 { font-size: 18px;color: #fff;font-weight: 600;line-height: 32px;}
.dgGlobal-location__contact-list li a{color: #212529;}
.dgGlobal-location__contact-list{list-style-type: none;}
.dgGlobal-location__menu-offices .accordion-button::before {right: 20px;color: #fff;}
.dgGlobal-location__menu-offices .accordion-button:not(.collapsed)::before { right: 20px; color: #fff;}
.dgGlobal-location__menu-offices .accordion-body ul li::before {display:none;}
.dgGlobal-location__menu-offices .accordion-body ul li {padding-left: 0;}
.dgGlobal-location__menu-offices .accordion-flush .accordion-item .accordion-button::before { content: "";position: absolute;inset: 0; background: rgb(0, 0, 0,0.5);}
	
    /* loaction accordian */
	
}

@media (max-width: 568px) {

  .banner-part.about-banner ol.breadcrumb,
  .location-banner-sec ol.breadcrumb {
    justify-content: center;
  }

  .catalog-sec .form-group input,
  .catalog-sec .form-group select,
  .catalog-sec .form-group textarea {
    margin-bottom: 0;
  }

  .mob-view ul li a {
    color: #111;
    text-transform: uppercase;
    padding: 0 7px;
    font-size: 13px;
  }

  .slim-container .slim-bar {
    background: none !important;
    width: auto !important;
    float: none !important;
  }

  .mob-view {
    z-index: 9;
  }

  .slim-container .slim-nav {
    background: #111 !important;
    overflow: hidden;
  }

  .logo-part a {
    position: relative;
    z-index: 999999999;
  }

  .banner-part .banner_text {
    width: auto;
  }

  .banner-part .banner_text h3 {
    font-size: 11px;
    margin: 0;
  }

  /* .inner-ban-tx {
    position: relative;
    top: 0;
    padding: 30px 0 20px;
  } */
  .headerfixed {
    z-index: 999999999;
  }

  .headerfixed h3 {
    font-size: 13px !important;
    margin: 10px 0 !important;
  }

  .headerfixed a {
    font-size: 12px !important;
    padding: 5px 5px !important;
  }

  .banner-part .banner_text h1 {
    font-size: 18px;
    margin: 4px 0;
    text-align: left;
  }

  .banner-part .banner_text h2 {
    margin: 0;
    font-size: 14px;
  }

  .banner-part .banner_text h3 {
    font-size: 8px;
    margin: 0;
    text-align: left;
  }

  .banner-part .banner_text h3 span {
    margin-top: 2px;
  }

  .banner-part .banner_text a {
    margin: 0;
    padding: 3px 9px;
    text-decoration: none;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
  }

  .banner-part .banner_text {
    width: 100% !important;
  }

  section.body-cont1 {
    display: table;
  }

  section.body-cont1 img {
    margin-bottom: 7px;
  }

  section.body-cont1 h2 {
    font-size: 15px;
    margin: 10px 0;
  }

  section.body-cont1 p {
    font-size: 13px;
    line-height: 18px;
  }

  section.body-cont1 a {
    font-size: 11px;
    margin-top: 5px;
  }

  section.body-cont2 {
    padding: 30px 0;
  }

  section.body-cont2 h2 {
    font-size: 18px;
    line-height: 23px;
    margin-top: 0;
  }

  section.body-cont2 a {
    margin: 7px auto 0;
    padding: 8px 17px;
    font-size: 12px;
  }

  section.body-cont3 {
    padding: 30px 0;
    background-position: center;
  }

  section.body-cont3 a {
    width: 100%;
    display: inline-block;
    padding: 9px;
    border-radius: 4px;
    font-size: 13px;
  }

  section.body-cont3 button.btn.btn-primary {
    margin-left: 0;
    line-height: 36px;
    margin-top: 11px;
    padding: 0 35px;
    border-radius: 6px;
  }

  section.body-cont4 {
    padding: 15px 0;
  }

  section.body-cont4 h2 {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 0;
  }

  .factory h2 {
    position: relative;
    top: 0;
    color: #111;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 10px;
  }

  section.certificate_sec {
    padding: 15px 0;
  }

  section.certificate_sec ul li {
    margin: 0 8px 12px;
    width: 18.33%;
  }

  .tw-content {
    padding: 15px 0;
  }

  .tw-content h2 {
    font-size: 16px;
    margin-top: 0;
    line-height: 24px;
  }

  .tw-content h3 {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 16px;
  }

  .tw-content p {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 24px;
  }

  .footer-bottom {
    padding: 15px 0 0;
  }

  .footer-bottom h4 {
    font-size: 16px;
    margin-bottom: 7px;
    margin-top: 21px;
  }

  .footer-bottom input[type="submit"] {
    padding: 8px 27px;
    font-size: 13px;
  }

  .comments-area .form-submit input {
    font-size: 14px;
  }

  ul.pvt li {
    font-size: 12px;
    text-align: justify;
  }

  .about_us img {
    padding-left: 0;
    padding-bottom: 20px;
  }

  .about_us h1 {
    font-size: 24px;
  }

  .about_content ul li {
    margin-left: 20px;
  }

  .panel-title {
    font-size: 13px;
  }

  .add h5 {
    font-size: 13px;
    margin-bottom: 3px;
    margin-top: 19px;
  }

  section.pro-page {
    padding: 0 0 15px;
  }

  .pro-list {
    margin-top: 30px;
  }

  header .top-part {
    width: 70%;
    float: right;
  }

  header .top-part .apply-text {
    margin-left: -10px;
  }

  header .top-part .apply-text li {
    margin: 0 2px 3px;
  }

  header .top-part .media-top {
    margin-left: -10px;
    float: none;
    padding: 0 0 5px;
    margin-top: -4px;
  }

  .logo-part {
    padding-top: 12px;
    width: 100%;
  }

  .logo-part img {
    width: 50%;
  }

  .top_small_msg p {
    font-size: 9px;
  }

  .top_small_msg p a {
    padding: 3px;
    margin: 0;
  }

  .slim-container a.slimNav_sk78-reveal {
    top: 33px !important;
    right: -6px !important;
  }

  .slim-container .slim-nav {
    margin-top: 95px !important;
  }

  header .top-part .apply-text li a {
    font-size: 10px;
  }

  .slim-container a.slimNav_sk78-reveal {
    padding: 13px 6px 10px 13px !important;
    top: 55px !important;
  }

  header .top-part .media-top li a {
    font-size: 10px;
    height: 22px;
    width: 22px;
    line-height: 22px;
  }

  .search-hold .modal-body input {
    width: 57%;
  }

  .mob-view ul li a {
    font-size: 12px;
  }

  .no-pad {
    margin-bottom: 42px;
  }

  .bg_paralax {
    padding: 30px 0;
  }

  .bg_paralax .bg_text {
    width: 90%;
  }

  .bg_paralax .bg_text h2 {
    font-size: 28px;
    padding: 0;
    margin: 0;
  }

  section.body-cont4 h2 a {
    color: #313131;
    font-size: 20px;
  }

  .footer-bottom .logo_f img {
    margin-bottom: 10px;
    width: 150px;
  }

  section.pro-page ul {
    margin-bottom: 20px;
  }

  .share-buttons li {
    width: 48.5% !important;
    float: left;
  }

  .share-buttons li a {
    margin: 0;
  }

  .share-buttons {
    gap: 5px;
  }

  .abtus img {
    height: auto;
  }

  .pro-listing {
    width: 96%;
    margin: 0 2%;
  }

  .maincontent_area {
    padding-bottom: 30px;
  }

  section.maincontent_area .single_post p a img {
    height: auto;
  }

  .widget_product_categories h2 {
    font-size: 20px !important;
    margin: 0 0 10px !important;
    color: #fff !important;
    background: #666;
    padding: 10px;
  }

  .pro-sec {
    min-height: 220px;
    width: 50%;
    float: left;
  }

  section.pro-page .pro-sec h3 {
    font-size: 14px;
    line-height: 16px;
  }

  .big-img,
  .big-img-decp {
    padding: 0;
  }

  #clickme {
    padding: 10px 15px !important;
    margin-bottom: 10px;
  }

  .pro-list h1 {
    margin: 0 0 10px;
  }

  .pro-list h2 {
    margin: 0 0 10px;
  }

  .big-img-decp h4 {
    margin: 10px 0;
  }

  section.certificate_sec h2 {
    font-size: 20px;
    margin: 0 0 10px;
  }

  .catalog-sec .catalog-box {
    padding: 20px;
  }

  .catalog-sec .catalog-box h2 {
    padding: 20px 0 20px;
    font-size: 20px;
    line-height: 30px;
  }

  .inner-ban-tx h2 {
    font-size: 20px;
    margin: 0;
    text-align: center;
  }
}

@media (max-width: 768px) {
  /* .wholesale-banner-sec  */
  .wholesale-banner-sec .img-box {
    width: calc(100% - 60px);
}

.wholesale-banner-sec h2 {
    font-size: 24px;
    line-height: 27px;
}

.wholesale-banner-sec .side-box {
    padding: 20px 20px 20px 6px;
    max-width: 212px;
}
  /* .wholesale-banner-sec  */

  .mob-view ul {
    text-align: center;
    margin: 10px 0;
  }

  .mob-view ul li {
    display: inline-block;
  }

  header .menu-part {
    background: none;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
  }

  .slim-container a.slimNav_sk78-reveal span {
    background: #111 !important;
  }

  a.slimNav_sk78-reveal.slimclose {
    color: #111 !important;
  }

  .search-hold {
    padding: 0 !important;
    z-index: 99999999999999999999999;
  }

  .owl-controls {
    display: none !important;
  }

  .slim-container .slim-nav ul li a.slim-expand {
    height: 27px !important;
    font-size: 29px !important;
    font-weight: 500 !important;
    line-height: 29px;
    z-index: 99999999 !important;
  }

  .private_area h2 {
    font-size: 18px;
  }

  .private_area h1 {
    font-size: 28px;
  }

  .private_area p {
    margin: 0;
  }

  .inner-ban-tx h2 {
    margin-top: 10px;
  }

  .private_area h3 {
    margin: 0;
  }
}

@media (min-width: 569px) and (max-width: 768px) {
  .slim-container .slim-nav {
    background: none !important;
    overflow: hidden;
  }

  .banner-part .banner_text h1 {
    font-size: 29px;
  }

  section.body-cont1 h2 {
    font-size: 19px;
  }

  section.body-cont1 p {
    font-size: 14px;
    line-height: 21px;
  }

  section.body-cont2 {
    padding: 50px 0;
  }

  .factory h2 {
    top: 10px;
    font-size: 16px;
  }

  section.certificate_sec ul li {
    margin: 0 7px;
    width: 11%;
  }

  header {
    padding: 5px 0 0;
  }

  .mob-view ul li a {
    color: #111;
    text-transform: uppercase;
    padding: 0 10px;
    font-size: 13px;
  }

  .slim-container .slim-bar {
    background: none !important;
  }

  .slim-container .slim-nav {
    background: #111 !important;
    overflow: hidden;
  }

  .logo-part a {
    display: table;
    position: relative;
    z-index: 99999999;
  }

  header .top-part .media-top {
    padding-top: 5px;
    padding-right: 50px;
  }

  .cata-part {
    width: 35%;
  }

  .logo-part {
    width: 24%;
  }

  header .cata-part ul {
    margin-top: 10px;
  }

  section.body-cont1 {
    padding: 20px 0;
  }

  section.body-cont1 h2 {
    font-size: 17px;
  }

  .bg_paralax {
    padding: 50px 0;
  }

  .footer-bottom h4 {
    margin-bottom: 20px;
  }

  .textwidget {
    margin-bottom: 30px;
  }

  .form-group {
    padding: 0;
  }

  .tw-content h2 {
    line-height: 30px;
  }

  .logo-part {
    z-index: 1;
  }

  section.body-cont3 a {
    width: 70%;
  }

  .footer-bottom .logo_f img {
    width: 150px;
  }

  section.certificate_sec {
    padding: 40px 0 20px;
  }

  .abtus {
    width: 50%;
    float: left;
  }

  .abtus img {
    height: auto;
  }

  .woocommerce nav.woocommerce-pagination {
    clear: both;
  }

  .cat-description {
    padding: 20px 0;
  }

  .big-img {
    width: 40%;
    float: left;
  }

  .country-overlay.big-img {
    width: 100%;
  }

  .big-img-decp {
    width: 60%;
    float: left;
  }

  .product-details-sec .big-img-decp {
    width: 100%;
  }

  .col-md-12 .pro-list {
    width: 100%;
  }

  section.pro-page ul a {
    padding: 10px 5px;
  }

  .share-buttons svg {
    width: 10px !important;
    height: 10px !important;
    margin-right: 0;
  }

  .share-googleplus svg {
    width: 12px !important;
    height: 8px !important;
  }

  .shareicon span {
    color: #fff;
    font-weight: 600;
    font-size: 10px;
  }

  .big-img-decp a {
    margin-top: 10px;
  }

  .pro-list h1 {
    margin: 0;
  }

  .sig-form .col-md-6 {
    width: 50%;
    float: left;
    padding: 0 15px;
  }

  .sig-form .col-md-12 {
    padding: 0 15px;
  }

  .single_sidebar li a {
    font-size: 14px;
  }

  .single_sidebar h1 {
    font-size: 17px;
  }

  .comments-area p input {
    padding: 10px;
  }

  .single_sidebar select {
    padding: 10px;
  }

  .slim-container a.slimNav_sk78-reveal {
    top: 28px !important;
  }

  .slim-container .slim-nav {
    margin-top: 72px !important;
  }

  .slim-container .slim-bar {
    float: none !important;
    width: auto !important;
    z-index: 1 !important;
  }

  .cata-part,
  .logo-part {
    z-index: 999;
  }

  .search-hold .modal-body input {
    width: 82%;
  }

  .bg_paralax .bg_text {
    width: 60%;
  }

  section.body-cont4 h2 {
    font-size: 24px;
  }

  .bg_paralax .bg_text h2 {
    font-size: 30px;
  }

  .about_us img {
    width: 50%;
  }

  .bulk_order .bulk_email {
    height: 250px;
  }

  section.certificate_sec h2 {
    font-size: 22px;
  }

  .inner-ban-tx h2 {
    font-size: 32px;
  }

  .about_us h1 {
    font-size: 30px;
  }
}

@media (min-width: 569px) and (max-width: 1024px) {
  .pro-sec {
    min-height: 350px;
  }

  .share-buttons {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  header .menu-part ul li a {
    padding: 17px 23px;
  }

  section.certificate_sec ul li {
    margin: 0 25px;
    width: 9%;
  }

  header .cata-part ul li a {
    padding: 0 5px;
  }

  header .cata-part ul {
    margin-top: 35px;
  }

  section.body-cont1 h2 {
    margin-top: 10px;
  }

  section.pro-page ul a {
    padding: 10px;
    font-size: 13px;
  }

  .pro-page .cat-item a {
    padding: 10px 40px 10px 23px;
  }

  .share-googleplus svg {
    width: 16px !important;
    height: 13px !important;
  }

  .shareicon span {
    font-size: 10px;
  }

  .share-buttons svg {
    margin-right: 0 !important;
    width: 13px !important;
    height: 13px !important;
  }

  section.pro-page ul a {
    margin-top: 10px;
  }
}

@media (min-width: 1025px) and (max-width: 1500px) {
  section.certificate_sec ul li {
    margin: 0 0;
  }
}

@media (min-width: 768px) {
  .header_area .col-lg-3 {
    width: 30%;
    float: left;
  }

  .header_area .col-lg-9 {
    width: 70%;
    float: left;
  }

  .welcome_widgets .col-lg-4 {
    float: left;
    width: 33.3333%;
  }

  #fullwidth_blog .col-lg-4 {
    width: 50%;
    float: left;
  }

  .internal_page div.col-lg-8 {
    float: left;
    width: 65%;
  }

  .internal_page div.col-lg-4 {
    float: right;
    width: 35%;
  }

  .content,
  .sidebar {
    margin-bottom: 30px;
    margin-top: 30px;
  }


  .post_navigation {
    margin-bottom: 30px;
  }

  .sticky_sidebar,
  .normal_sidebar {
    margin-top: 30px;
    width: 235px;
  }

  .social_share h2 {
    float: none;
    margin-left: 3px;
  }
}

@media (min-width: 992px) {
  #fullwidth_blog .col-lg-4 {
    width: 33.3333333%;
  }

  .portfolio_list {
    margin: 80px 0 60px;
  }

  .welcome_widgets {
    margin-bottom: 80px;
  }
}

@media (max-width: 1399px){
	.alanic-location__single .img-part {
    height: 420px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog_content .single_welcome_wid {
    width: 285px;
  }

  .content,
  .sidebar {
    margin-top: 70px;
    margin-bottom: 50px;
  }

  #fullwidth_blog,
  .blog_content #fullwidth_blog {
    margin-top: 70px;
  }

  .sticky_sidebar,
  .normal_sidebar {
    width: 310px;
  }
}

@media (min-width: 1200px) {

  .blog_content .single_welcome_wid {
    width: 350px;
  }

  .content,
  .sidebar {
    margin-top: 30px;
    margin-bottom: 50px;
  }



  .sticky_sidebar,
  .normal_sidebar {
    width: 380px;
  }

  .social_share h2 {
    float: left;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .flexirow {
    display: block;
  }

  section.body-cont4 .excel:nth-child(odd) .img-wrap {
    align-self: flex-end;
    transform: rotateY(192deg) !important;
  }

  .logo {
    margin-bottom: 40px;
    text-align: center;
  }

  span.logo_border {
    margin: 0 auto 15px;
  }

  .logo p {
    margin: 0 auto;
  }

  .follow_links {
    float: none;
    margin: 10px auto 20px;
    width: 175px;
  }

  .logo {
    margin-bottom: 30px;
  }

  .single_welcome_wid {
    margin: 2px 2px 25px;
  }

  .content,
  .sidebar {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .sidebar {
    margin-top: 0;
  }

  .portfolio_list {
    margin: 30px 0 0;
  }

  .sticky_sidebar,
  .normal_sidebar {
    position: inherit;
    width: 100%;
  }

  .author_bio img {
    float: left;
    margin-bottom: 15px;
    margin-right: 25px;
    width: 110px;
  }

  .social_share h2 {
    float: left;
    margin-left: 0;
  }
}

@media only screen and (max-width: 991px) {
  .country-overlay.big-img {
    height: 412px;
  }

  .country-overlay h3 {
    font-size: 20px;
    line-height: 29px;
  }

  .country-overlay.small-img {
    height: 194px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .woocommerce .pro-page .woocommerce-ordering {
    margin: 0.5rem 0px 0px 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  header .slim-container .slim-nav ul li a.slim-expand {
    top: 117px !important;
  }

  header [class*="col-"]:last-child ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }

  header [class*="col-"]:last-child li:last-child {
    margin-left: auto;
  }

  header [class*="col-"]:last-child ul#menu-main-menu li:last-child {
    margin-left: 0;
  }

  .slim-container .slim-bar {
    position: absolute;
    background: #4e86b900;
    padding: 4px 0;
    min-height: 42px;
    right: 0;
    top: -40px;
  }

  .slim-container a.slimNav_sk78-reveal {
    width: 28px;
    height: 30px;
    top: -50px;
    padding: 0;
    right: 14px !important;
  }
}

@media (max-width: 1023px) {
  header .logo-area {
    position: relative;
    z-index: 9999999;
  }

  header .logo-area img {
    height: 55px;
    object-fit: contain;
  }

  /*header [class*="col-"]:last-child {*/
  /*  z-index: 9999999;*/
  /*  max-width: 100%;*/
  /*  position: relative;*/
  /*}*/

  header .menu-sec {
    background: none;
    margin-top: 0;
    position: absolute;
    top: 10px;
    right: 0;
    width: 100%;
    left: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }

  header .slim-container .slim-bar {
    background: none !important;
  }

  header .slim-container a.slimNav_sk78-reveal span {
    background: rgb(0 0 0) !important;
    margin-top: 4px;
    width: 24px;
  }

  header .menu-area {
    padding: 10px 0;
  }

  header #navigation li.menu-item-has-children>a::after {
    display: none;
  }

  header #navigation li a {
    font-size: 16px;
    line-height: 19px;
    padding: 10px 10px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
  }

  header #navigation nav>ul>li>a::before {
    display: none;
  }

  header #navigation .sub-menu {
    position: static;
    transform: inherit;
    width: 100%;
    overflow: hidden;
    transition: inherit;
    transform-origin: inherit;
    padding: 0;
    background: transparent;
    border: transparent;
    border-radius: 0;
  }

  header #navigation .sub-menu:before {
    display: none;
  }

  header #navigation .sub-menu li a {
    box-sizing: border-box;
    width: 100%;
    padding-left: 20px;
    color: #ddd;
  }

  header form {
    max-width: 175px;
    padding-left: 30px;
  }

  header .slim-container .slim-nav ul li a.slim-expand {
    height: 40px !important;
    font-size: 29px !important;
    font-weight: 500 !important;
    line-height: 29px;
    z-index: 99999999 !important;
    width: 40px !important;
  }

  header a.link {
    font-size: 14px;
    padding: 3px 15px;
  }

  header .visible-xs.mob-view {
    display: block;
  }

  header .visible-xs.mob-view ul li {
    display: inline-block;
    margin-right: 0;
  }

  header .visible-xs.mob-view ul li a {
    color: #111;
    text-transform: uppercase;
    padding: 0 7px;
    font-size: 12px;
  }

  header .logo-part a img {
    height: 53px;
  }

  header .visible-xs.mob-view ul {
    display: none;
    text-align: center;
    margin: 10px 0;
  }

  header .slim-container .slim-nav {
    background: #111 !important;
    overflow: hidden;
    margin-top: 33px;
  }

  header a.slimNav_sk78-reveal.slimclose {
    color: rgb(0, 0, 0) !important;
    top: -55px;
  }

  header {
    min-height: auto;
  }
.location-banner-sec .content-box h1 {  font-size: 40px;}

}

@media (max-width: 767px) {
  .cta-two-sec .sub-content-box {
    padding: 20px 20px;
}
.cta-two-sec .content-box {
  padding: 38px 49px;
}
  .footer__menu .footer__office-wrap .footer__contact-list {
    margin-top: 0;
  }

  .footer__menu .footer__office-wrap .footer__contact-list li span+span {
    position: inherit;
  }

  .locacontent {
    padding-top: 0;
  }

  .location-banner-sec .content-box {
    margin-bottom: 35px;
  }

  .catalog-one-sec {
    padding: 20px 0 50px;
  }

  .country-overlay {
    max-height: 310px;
  }

  header a.slimNav_sk78-reveal.slimclose {
    top: -60px;
  }

  header .slim-container .slim-nav ul li a.slim-expand {
    top: 180px !important;
  }


  .custom__nav .dropdown-menu .nav-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
    width: 100% !important;
  }

  header [class*="col-"]:last-child ul {
    text-align: left !important;
  }

  header .hidden-xs {
    display: none !important;
  }

  header .visible-xs.mob-view ul {
    display: block;
  }

  .slim-container .slim-bar {
    position: absolute;
    background: #4e86b900;
    padding: 4px 0;
    min-height: 42px;
    right: 0;
    top: 66px;
  }

  .slim-container a.slimNav_sk78-reveal {
    width: 28px;
    height: 30px;
    top: -60px;
    padding: 0;
    right: 14px !important;
  }

  h2.side-text {
    font-size: 40px !important;
    top: 0;
    line-height: 65px;
  }

  .top-con {
    display: none;
  }

  header.sticky .menu-area {
    padding: 5px 0;
  }

  .menu-area div#navigation {
    height: calc(100% - 122px);
  }

  .menu-area div#navigation ul li a {
    padding: 15px 20px;
    font-size: 12px;
  }

  header.sticky .menu-area div#navigation {
    height: calc(100% - 70px);
  }

  section.banner-part h5 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }

  section.banner-part h3 {
    font-size: 30px;
    line-height: unset;
    text-align: center;
  }

  section.banner-part .form-wrap {
    padding: 10px 15px 15px;
  }

  section.banner-part h2 {
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    margin-bottom: 0;
  }

  section.banner-part h1 {
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    margin-bottom: 0;
  }

  section.body-cont1 {
    padding: 40px 0 0;
  }

  section.body-cont1 h2.side-text {
    top: 14px;
  }

  section.body-cont1 a.more-btn {
    font-size: 10px;
    line-height: 17px;
    margin: 0 0 0;
  }

  section.body-cont1 p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 8px;
  }

  section.body-cont1 h4 {
    font-size: 14px;
    line-height: 22px;
    margin: 15px 0 4px;
    min-height: 25px;
  }

  section.body-cont1 .wrap {
    padding: 5px;
    margin: 0 0 10px;
  }

  section.body-cont2 h5 {
    margin: 0 0 10px;
  }

  section.body-cont2 .text-sec {
    right: 20px;
    padding: 12px;
    border-radius: 0 0 10px 10px;
  }

  section.body-cont2 .text-sec p {
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 5px;
  }

  section.body-cont2 .text-sec h4 {
    font-size: 13px;
    line-height: 20px;
  }

  section.body-cont2 ul li .img-wrap {
    justify-content: start;
  }

  section.body-cont2 ul li img.img1 {
    translate: -37px 0;
  }

  section.body-cont2 ul li:nth-child(even) {
    align-items: end;
  }

  section.body-cont2 h2.side-text {
    top: 44px;
  }

  section.body-cont2 ul li h4 {
    font-size: 16px;
    margin: 10px 0 10px;
    line-height: 20px;
  }

  section.body-cont2 svg.swing {
    display: none;
  }

  section.body-cont2 ul {
    height: 100%;
    z-index: 9;
    flex-direction: column;
  }

  section.body-cont2 ul li {
    width: 100%;
    padding: 0 12px;
  }

  section.body-cont2 ul li:nth-child(even) .img-wrap {
    justify-content: end;
  }

  section.body-cont2 ul li:nth-child(even) .img-wrap .img1 {
    translate: 9px 0;
    scale: -1 1;
  }

  section.body-cont2 {
    padding: 40px 0 !important;
  }

  section.body-cont2 h3 {
    font-size: 20px;
    line-height: 43px;
    margin: 0 0 10px;
  }

  section.body-cont3 {
    padding: 50px 0 20px;
    text-align: center;
  }

  section.body-cont3 h2.side-text {
    top: 20px;
  }

  section.body-cont3 h2 {
    font-size: 25px;
  }

  section.body-cont3 h6 {
    font-size: 14px;
    line-height: 25px;
    min-height: auto;
  }

  section.body-cont4 {
    padding: 40px 0 0;
  }

  section.body-cont4 h2 {
    font-size: 25px;
    margin: 17px 0 20px;
  }

  section.body-cont4 .excel:nth-child(even) .decp {
    position: relative;
    max-width: 100%;
    margin-left: auto;
    border-left: 2px dashed #000;
    padding-left: 20px;
    width: 82%;
  }

  section.body-cont4 .excel:nth-child(even) .decp h4 {
    text-align: left;
  }

  section.body-cont4 .excel:nth-child(odd) .decp {
    position: relative;
    max-width: 100%;
    margin-right: auto;
    border-right: 2px dashed #000;
    border-left: none;
    padding-left: 0;
    width: 82%;
    padding-right: 20px;
    text-align: right;
    margin-left: 0;
  }

  section.body-cont4 .decp p {
    font-size: 12px;
  }

  section.body-cont4 .decp h4 {
    text-align: left;
  }

  section.body-cont4 .excel {
    margin: 15px 0 30px;
    display: flex;
    flex-direction: column;
  }

  section.body-cont4 .excel:nth-child(odd) .decp h4 {
    text-align: right;
  }

  section.body-cont4 .excel:nth-child(odd) .img-wrap {
    align-self: flex-end;
  }

  section.body-cont4 .excel:nth-child(odd) .decp:after {
    right: -8px;
    left: unset;
  }

  section.body-cont4 .excel.sec1 .decp:after {
    top: 25px;
  }

  section.body-cont4 h4 {
    font-size: 18px;
    text-align: center;
  }

  section.body-cont4 .excel.sec1:nth-child(odd).decp:after {
    left: unset;
  }

  section.body-cont4 .excel:nth-last-of-type(2) .decp:after {
    right: -9px;
    left: unset;
    top: unset;
  }

  section.body-cont4 h5 {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 20px;
    text-align: center;
  }

  section.body-cont4 ul li {
    font-size: 15px;
    text-align: justify;
  }

  section.body-cont5 {
    position: relative;
    padding: 20px 0;
  }

  section.body-cont7 .title-sec p {
    font-size: 14px;
    line-height: 24px;
    max-width: 100%;
  }

  section.body-cont7 h2.side-text {
    top: -14px;
  }

  section.body-cont-6 {
    padding: 30px 0 30px;
  }

  section.body-cont5 .img-wrap2 {
    width: 100%;
  }

  section.body-cont5 .img-wrap1 {
    width: 100%;
  }

  section.body-cont5 .imgsec1 {
    flex-wrap: wrap;
  }

  section.body-cont5 .row {
    height: 50%;
  }

  section.body-cont5 h3 {
    font-size: 24px;
    margin: 7px 0 20px;
    max-width: 200px;
  }

  section.body-cont3 .decp {
    padding: 5px;
    margin: 0 0 15px;
  }

  section.body-cont3 h4 {
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
  }

  section.body-cont3 p {
    font-size: 11px;
    line-height: 20px;
  }

  section.body-cont4 .img-wrap img.img3 {
    margin-left: 10px;
  }

  section.body-cont3 h3 {
    font-size: 20px;
    line-height: 43px;
    margin: 0 0 10px;
  }

  section.body-cont-6 p {
    font-size: 16px;
    margin: 10px 0 20px;
  }

  section.body-cont-6 h3 {
    font-size: 22px;
    margin: 0 0 10px;
  }

  section.body-cont5 h2 {
    font-size: 30px;
  }

  section.body-cont8 .img-wrap img.img2 {
    height: 45px;
  }

  section.body-cont8 .img-wrap img.img1 {
    height: 100px;
  }

  section.body-cont8 p {
    font-size: 12px;
    letter-spacing: 0.1em;
    text-align: center;
    margin: 16px 0 0;
  }

  section.body-cont8 h4 {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
  }

  section.body-cont7 .wrap-decp {
    text-align: center;
  }

  section.body-cont7 .wrap-decp p {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
  }

  section.body-cont7 ul li a h4 {
    font-size: 14px;
  }

  section.body-cont7 ul li a p {
    font-size: 12px;
  }

  section.body-cont6,
  section.body-cont7,
  section.body-cont8,
  section.body-cont9,
  section.body-cont10,
  section.body-cont11,
  section.body-cont12 {
    padding: 20px 0;
  }

  section.body-cont6 h2,
  section.body-cont7 h2,
  section.body-cont8 h2,
  section.body-cont9 h2,
  section.body-cont10 h2,
  section.body-cont11 h2 {
    font-size: 20px;
  }

  section.body-cont9 h2 {
    margin: 0 0 10px;
  }

  section.body-cont8 .review-cara .owl-nav {
    margin-top: 26px;
  }

  section.body-cont8 .review-cara .owl-nav button.owl-prev {
    position: relative;
    top: 0;
    left: 0;
  }

  section.body-cont8 .review-cara .owl-nav button.owl-next {
    position: relative;
    top: 0;
    right: 0;
  }

  section.body-cont9 img.img1 {
    display: none;
  }

  section.body-cont9 img.img2 {
    position: relative;
    bottom: 0;
    right: 0;
    max-width: 200px;
    margin: 0 auto 30px;
    display: table;
  }

  section.body-cont12 img {
    margin: 0 0 5px;
    height: 20px;
  }

  section.body-cont12 .form-wrap {
    border-top: 7px solid #36bfc7;
    padding: 15px;
  }

  section.body-cont12 h2 {
    font-size: 22px;
    line-height: 26px;
  }

  section.body-cont12 {
    padding-bottom: 50px;
  }

  section.body-cont12 ul li a {
    font-size: 12px;
    padding: 10px 0;
    display: inline-block;
  }

  section.body-cont12 .get-touch h3 {
    text-align: center;
  }

  section.body-cont12 .btn-wrap {
    font-size: 12px;
    padding: 10px 40px;
    margin: 0 0 0;
    top: 3px;
    left: 3px;
    margin: auto;
  }

  section.body-cont12 input:not([type="submit"]),
  section.body-cont12 textarea {
    width: 100%;
    padding: 10px;
    margin: 0 0 12px;
    font-size: 12px;
  }

  section.body-cont12 .get-touch {
    margin-top: 20px;
  }

  section.body-cont12 ul {
    background: rgba(0, 0, 0, 0.9490196078);
    padding: 36px 20px;
  }

  section.body-cont12 ul li {
    font-size: 12px;
    padding: 5px 0;
    border-bottom: 1px solid rgb(78 78 78 / 46%);
  }

  section.body-cont2 ul li:first-child {
    padding-top: 0;
  }

  section.body-cont12 h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 15px;
  }

  footer img.img1 {
    float: right;
    display: none;
  }

  footer .container {
    position: relative;
  }

  footer a.footer-logo {
    margin-top: -72px;
    margin-bottom: 28px;
    max-width: 196px;
    margin-left: 30px;
  }

  footer h3 {
    font-size: 14px;
    padding: 0 0 8px 0;
    margin: 0 0 10px 0;
  }

  footer p {
    font-size: 14px;
    line-height: 25px;
  }

  footer {
    padding: 40px 0 0;
  }

  footer ul.social {
    justify-content: center;
  }

  footer ul.social li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
    font-size: 15px;
  }

  footer ul.menu {
    margin-bottom: 30px;
  }

  section.sec-2 {
    display: block;
    padding: 30px 0 0 0;
  }

  section.body-cont10 {
    display: none;
  }

  .sticky {
    position: sticky;
  }

  header .slim-container a.slimNav_sk78-reveal {
    top: -20px !important;
    right: 8px !important;
  }

  header.sticky .slim-container a.slimNav_sk78-reveal {
    top: -8px !important;
    right: 8px !important;
  }

  header.sticky .slim-container .slim-bar {
    top: 16px;
  }

  section.banner-part .ban-tx {
    padding-top: 30px;
  }

  section.body-cont1 {
    padding-bottom: 30px;
  }

  .ft-cont {
    padding: 20px 0;
  }

  .ft-cont h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 10px;
  }

  .ft-cont h2+p {
    font-size: 14px;
    line-height: 23px;
    margin: 0 0 16px;
}

  section.body-cont7 .title-sec {
    margin: 0 0 20px;
  }

  .search-hold .modal-body input#\36 3773094b4267 {
    width: 100%;
  }

  .after_before_slider {
    position: relative;
    overflow: hidden;
  }

  .after_before_content {
    padding-top: 0;
  }

  .after_before_content .main__heading {
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  header .menu-area ul a {
    font-size: 14px;
    color: #fff;
    padding: 10px 10px;
  }

  h2.side-text {
    font-size: 50px !important;
  }

  section.banner-part {
    position: relative;
    margin-top: 0;
  }

  section.banner-part img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  section.banner-part a {
    font-size: 14px;
    padding: 12px 50px;
    margin: 20px 0 17px;
  }

  section.banner-part img.img-1 {
    position: relative;
  }

  section.banner-part .ban-tx {
    height: calc(100% - 70px);
  }

  section.banner-part h3 {
    font-size: 33px;
    line-height: normal;
  }

  section.banner-part p {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0;
  }

  section.banner-part h2 {
    font-size: 24px;
    margin-bottom: 5px;
    line-height: 26px;
  }

  section.body-cont1 h2 {
    font-size: 22px;
    line-height: 20px;
    top: 55px;
  }

  section.body-cont1 h4 {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 4px;
    min-height: 50px;
  }

  section.body-cont10 {
    display: none;
  }

  section.sec-2 {
    display: block;
  }

  section.body-cont1 p {
    font-size: 12px;
    margin-bottom: 8px;
  }

  section.body-cont12 ul {
    background: rgba(0, 0, 0, 0.9490196078);
    padding: 15px;
    height: 100%;
  }

  section.body-cont12 input:not([type="submit"]) {
    width: 100%;
    padding: 5px;
    margin: 0 0 12px;
    height: 30px;
  }

  section.body-cont12 label {
    font-size: 12px;
  }

  section.body-cont1 a.more-btn {
    margin: 5px 0 0;
  }

  section.body-cont1 {
    padding: 60px 0 0;
  }

  .section__shipping.service-box+section.body-cont1 {
    padding: 60px 0;
  }

  section.body-cont12 .btn-wrap {
    font-size: 12px;
    padding: 10px 40px;
    margin: 10px 0 0;
    transition: all 0.2s ease-in-out;
  }

  section.body-cont2 .text-sec {
    right: 50px;
    padding: 10px;
  }

  section.body-cont2 h3 {
    font-size: 26px;
    margin: 0 0 20px;
  }

  section.body-cont2 {
    padding: 60px 0;
  }

  section.body-cont2 h2.side-text {
    top: 15px;
  }

  section.body-cont2 ul li .img-wrap {
    width: 60px;
  }

  section.body-cont2 ul li img.img1 {
    scale: 1.5;
    transition: all 0.5s ease-in-out;
    translate: -8px 0;
    transform-origin: 38px;
  }

  section.body-cont2 ul li h4 {
    font-size: 20px;
    line-height: 48px;
    margin: 8px 0 0;
  }

  section.body-cont2 ul li h5 {
    font-size: 14px;
  }

  section.body-cont2 ul {
    height: 376px;
  }

  section.body-cont2 svg.swing {
    display: none;
  }

  section.body-cont3 {
    padding: 70px 0;
    text-align: center;
  }

  section.body-cont3 h2.side-text {
    -webkit-text-stroke-color: rgb(255, 255, 255);
    top: 23px;
  }

  section.body-cont3 h4 {
    font-size: 18px;
    margin-bottom: 0;
  }

  section.body-cont3 h2 {
    font-size: 25px;
  }

  section.body-cont3 p {
    line-height: 22px;
    margin: 0 auto 10px;
  }

  section.body-cont4 {
    padding: 70px 0 20px;
  }

  section.body-cont4 h2 {
    font-size: 30px;
    margin: 0 0 15px;
    top: 23px;
  }

  section.body-cont4 .img-wrap {
    max-width: 78px;
    margin: 6px 0;
  }

  section.body-cont5 .sec1,
  section.body-cont5 .sec2 {
    width: 47%;
  }

  section.body-cont5 h4 {
    font-size: 18px;
    line-height: 30px;
    max-width: 240px;
    margin: 0;
  }

  section.body-cont-6 {
    padding: 40px 0 30px;
  }

  section.body-cont-6 h2.side-text {
    top: -9px;
  }

  section.body-cont-6 p {
    font-size: 12px;
    margin: 5px 0 0;
  }

  section.body-cont7 h3 {
    font-size: 26px;
    line-height: 43px;
  }

  section.body-cont7 h2.side-text {
    top: -17px;
  }

  section.body-cont7 {
    padding: 30px 0 !important;
  }

  section.body-cont7 ul li a {
    padding: 10px 10px;
  }

  section.body-cont7 ul li a h4 {
    font-size: 14px;
  }

  section.body-cont5 h3 {
    font-size: 20px;
    margin: 10px 0 20px;
    max-width: 240px;
  }

  section.body-cont7 ul li a p {
    font-size: 12px;
    margin: 5px 0 0;
  }

  section.body-cont4 .img-wrap img.img2 {
    scale: 1.1;
  }

  section.body-cont8 h4 {
    font-size: 16px;
    line-height: 25px;
  }

  section.body-cont8 p {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 0.1em;
    color: #09245c;
    text-align: center;
    margin: 10px 0 5px;
  }

  section.body-cont4 .decp h4 {
    font-size: 12px;
  }

  section.body-cont4 .decp p {
    font-size: 10px;
  }

  section.body-cont4 .decp:after {
    width: 14px;
    height: 14px;
    left: -8px;
    bottom: 0;
  }

  section.body-cont5 {
    padding: 30px 0;
  }

  section.body-cont5 h2 {
    font-size: 25px;
  }

  section.body-cont6 {
    padding: 30px 0;
  }

  section.body-cont6 h2 {
    font-size: 25px;
  }

  section.body-cont7,
  section.body-cont8,
  section.body-cont9,
  section.body-cont10,
  section.body-cont11 {
    padding: 30px 0;
  }

  section.body-cont7 h2,
  section.body-cont8 h2,
  section.body-cont9 h2,
  section.body-cont10 h2,
  section.body-cont11 h2 {
    font-size: 25px;
  }

  section.body-cont9 img.img2 {
    max-width: 200px;
  }

  section.body-cont12 .form-wrap {
    padding: 15px;
  }

  section.body-cont12 h2 {
    font-size: 24px;
  }

  footer img.img1 {
    float: right;
    max-width: 70%;
  }

  footer a.footer-logo {
    margin-bottom: 30px;
  }

  footer h3 {
    margin-bottom: 10px;
  }

  footer p {
    font-size: 12px;
    line-height: 24px;
  }

  footer ul.menu li a {
    font-size: 12px;
    line-height: 28px;
  }

  section.body-cont8 .review-cara .owl-nav button.owl-next {
    right: -8px;
  }

  section.body-cont8 .review-cara .owl-nav button.owl-prev {
    left: -8px;
  }

  footer h3 {
    font-size: 16px;
    padding: 0 0 12px;
    margin: 0 0 15px;
  }

  footer ul.social li a {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    line-height: 23px;
    margin-right: 15px;
    font-size: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .container {
    max-width: 100%;
  }

  .menu-area .top-con ul li p {
    font-size: 14px;
    white-space: nowrap;
  }

  .menu-area .top-con ul li a {
    font-size: 19px;
  }

  section.banner-part img {
    width: 100%;
    min-height: 767px;
  }

  section.banner-part img.img-1 {
    min-height: unset;
  }

  section.body-cont8 .review-cara .owl-nav button.owl-prev {
    left: -8px;
  }

  section.body-cont8 .review-cara .owl-nav button.owl-next {
    right: -8px;
  }

  footer img.img1 {
    float: right;
    max-width: 65%;
  }

  footer ul.social li a {
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
  }

  section.body-cont2 svg.swing {
    width: 100%;
    top: 56%;
  }

  .logo-part {
    background: antiquewhite;
  }
  .location-banner-sec .content-box h1 {  font-size: 40px;}
}

@media only screen and (max-width: 991px) {
  .custom-pad {
    padding: 30px 0;
  }

  [class^="top-bar__"] .main__btn .mob-v {
    display: block !important;
  }
.wcps-input-wrap {
  width: 100% !important;
}
  .top-bar__right {
    gap: 16px;
  }

  .news_ticker a {
    font-size: 11px;
  }

  .news_ticker {
    margin: 0;
  }

  .news_ticker ul {
    justify-content: center;
    padding-left: 0;
  }

  .catalog-sec .catalog-box {
    padding: 20px 30px;
  }

  [class^="top-bar__"] .main__btn {
    font-size: 13px;
    padding: 0 18px;
    height: 40px;
  }

  [class^="top-bar__"]>.search-wrap {
    margin-right: 0;
    padding: 0;
    border-right: none;
  }

  .top-bar__right p {
    display: none;
  }

  .site__header .top-bar {
    padding: 10px 0 !important;
  }

  .site__header.sticky .top-bar {
    padding: 6px 0 !important;
  }

  .header__nav .navbar-brand img {
    height: 50px !important;
    padding: 6px 0;
  }

  .main__btn {
    font-size: 12px;
    height: 40px;
    padding: 0 20px;
  }

  .main__btn::before {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
  }

  .banner__content-wrap .img-part img {
    height: 250px;
    object-fit: cover;
    object-position: 84%;
  }

  .hm__banner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 0;
    left: 0;
    top: 0;
  }

  .hm__banner .content-part-main h1 {
    font-size: 19px;
    line-height: 28px;
  }

  .hm__banner .content-part-main .title {
    padding: 10px 10px;
  }

  .hm__banner .content-part-main .desc p {
    font-size: 14px;
    margin: 8px 0;
    font-weight: 500;
  }

  .hm__banner .content-part-main h1 span {
    height: unset;
  }

  .section__shipping.service-box {
    padding: 30px 0;
  }

  .service-icon img {
    height: 32px;
    object-fit: contain;
    margin-bottom: 10px;
  }

  .service .promo-title {
    margin: 0 0 6px;
    font-size: 12px;
  }

  .section__shipping .row {
    gap: 16px 0;
  }

  .service .promo-desc {
    font-size: 13px;
    line-height: 16px;
    min-height: 32px;
  }

  .footer__col h5 {
    font-size: 15px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
  }

  .footer__col {
    margin-bottom: 25px;
  }

  .footer__content ul li:not(:last-child) {
    margin-bottom: 8px;
  }

  .footer__content ul li {
    font-size: 13px;
    line-height: 24px;
  }

  .footer__content ul li .title+* {
    font-size: 13px;
  }

  .footer__content ul li a {
    font-size: 13px;
  }

  .position-footer-bottom .footer__content {
    flex-direction: column-reverse;
  }

  .footer__bottom .footer__content h6 {
    font-size: 13px;
    text-align: center;
    line-height: 20px;
  }

  .footer__bottom .socials {
    gap: 24px;
    justify-content: center;
    margin-bottom: 16px;
  }

  .footer__top [class^="col-"]:last-child {
    border: none !important;
  }

  #quadmenu .quadmenu-navbar-nav li.quadmenu-item.open>.quadmenu-dropdown-menu>ul {
    list-style: none;
    height: 324px;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button).quadmenu-has-link:hover,
  #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav>li:not(.quadmenu-item-type-button).quadmenu-has-link.open {
    position: relative !important;
  }

  .main__heading h3 {
    font-size: 20px !important;
    line-height: 27px;
    color: #2e2e2e;
  }

  .main__heading {
    margin: 0 auto 24px;
    padding-top: 20px;
  }

  .text-image-slider-section .after_before_content .main__heading {
    padding-top: 0;
  }

  .main__heading p {
    font-size: 15px;
    margin: 12px 0 0;
    line-height: 26px;
  }

  .manu-stage {
    width: 100%;
  }

  .manu-stages__wrap {
    flex-wrap: wrap;
    gap: 16px 1%;
  }

  .manu-stage .content__part h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .manu-stage .content__part p {
    font-size: 12px;
  }

  .manu-stage .content__part {
    background-image: linear-gradient(180deg,
        #0000000a 0%,
        #000000c4 60%) !important;
    padding: 11px 12px;
    transform: translateY(0%);
  }

  .manu-stage:nth-child(2n) {
    transform: translateY(0);
  }

  .main__heading .shadow__text {
    font-size: 30px;
    opacity: 0.26;
  }

  .hm__sustainable .img-wrap {
    margin: 0 auto 10px;
  }

  .hm__sustainable .img-wrap .img1 {
    height: 90px;
  }

  .hm__sustainable .img-wrap .img2 {
    height: 40px;
  }

  .hm__sustainable .sustainable__wrap ul {
    gap: 5%;
    flex-wrap: wrap;
  }

  .hm__sustainable .sustainable__wrap ul>* h4 {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .hm__sustainable .sustainable__wrap ul>* h5 {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .hm__sustainable .sustainable__wrap ul>li:not(:last-child)::before {
    width: 32px;
    height: 32px;
    left: 95%;
    top: 30px;
  }

  .hm__sustainable .sustainable__wrap ul>* {
    flex: 0 0 auto;
    width: 45%;
  }

  .hm__sustainable .sustainable__wrap ul>li:nth-child(2n)::before {
    display: none;
  }

  .cta-half__box .content__part h4 {
    line-height: 21px;
  }

  .main__btn.small {
    height: 36px;
    padding: 0 20px !important;
    font-size: 12px;
  }

  .choose__list {
    padding: 0;
  }

  .choose__content-wrap {
    margin-left: 0;
  }

  .choose__list-box:nth-child(2) {
    margin-top: 0;
  }

  .manu-stage .media__part video {
    height: auto;
  }

  .cta-247__left span {
    padding: 5px 15px;
    font-size: 14px;
    margin-bottom: 12px;
  }

  .cta-247__left .main__heading {
    margin-bottom: 15px;
  }

  .office-box {
    flex: 0 0 auto;
    width: 47%;
  }

  .offices-wrap {
    flex-wrap: wrap;
  }

  .office-image img {
    height: auto;
    border-radius: 6px;
  }

  .office-box .content {
    margin-top: 8px;
  }

  .office-box .content .title h5 {
    font-size: 15px;
    margin-bottom: 0;
  }

  .cd-resize-img img {
    height: 100%;
  }

  .cta-half__box .content__part {
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    text-align: center;
  }

  .choose__image-wrap>.choose__img:nth-child(2) {
    margin: -120px 0 0 auto;
    width: 170px;
    height: 190px;
  }

  .choose__list-box::before {
    width: 60%;
  }

  .kf__box-wrap {
    gap: 15px 15px;
  }

  .section__key-features .kf__box {
    width: 47%;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.08);
    padding: 10px 6px;
  }

  .kf__box-number h4 {
    font-size: 11px;
  }

  .kf__box-title h5 {
    font-size: 11px;
    margin: 0 0 8px;
  }

  .section__key-features .kf__box {
    width: 47%;
    aspect-ratio: unset;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.08);
    height: auto;
    padding: 10px 0;
  }

  .kf-details {
    width: 75%;
    padding-left: 8px;
  }

  .kf__box .kf__box-image {
    width: 25%;
    height: 100%;
    margin-top: 0;
    padding-right: 7px;
  }

  .private-top h4 {
    font-size: 36px;
  }

  .cta-247__left {
    padding-right: 0;
    border-right: inherit;
  }

  .choose__image-wrap {
    display: none !important;
  }

  .cta-half__box .img__part {
    display: block;
  }

  .after_before_content {
    position: relative;
    padding-top: 30px;
  }

  .contact-sec h2,
  .thank-sec h2,
  .location-sec h2,
  .card-sec h2,
  .collection-sec h2,
  .tags-sec h2 {
    font-size: 22px;
    line-height: 32px;
  }

  .tw-content .left-box.content-one {
    padding: 21px;
  }

  .contact-sec .right-part h2 {
    margin-bottom: 11px;
  }

  .thank-sec p {
    font-size: 18px;
    line-height: 25px;
  }

  .catalog-one-sec h2 {
    font-size: 20px;
    line-height: 28px;
  }

.product-ban .inner-ban-tx h1 {
  text-align: center;
  font-size: 26px;
}
.location-banner-sec .content-box h1 {  font-size: 30px; text-align: center;}

}

@media (max-width: 768px) {
  .product-categories .toggle-icon {
    right: 10px;
  }

  .grid-one-box {
    margin-bottom: 24px;
  }

  .location-banner-sec {
    min-height: 588px;
  }

  .product-img img {
    width: 100%;
    object-fit: cover;
  }

  .big-img-decp h1 {
    font-size: 28px;
    line-height: 38px;
  }

  .big-img-decp h1+p {
    font-size: 17px;
    line-height: 24px;
  }

  .faq-form .content-one p {
    margin-bottom: 4px;
  }

  .product_meta {
    margin-top: 14px;
  }

  .main__heading h3 {
    font-size: 20px !important;
    line-height: 30px;
  }

  .form-group input[type="submit"] {
    margin-top: 9px;
  }

  .about-one .contentLeft .img-box-one {
    grid-template-columns: repeat(2, 1fr);
  }

  .about-one .contentLeft .img-box-one .imgWrapper {
    height: 100%;
    max-height: 243px;
  }

  .conten-one h4 {
    font-size: 18px;
  }

  .conten-one h2 {
    font-size: 30px;
  }

  .about-one:has(.imgWrapper) {
    padding: 60px 0 40px;
  }

  .custom-pad {
    padding: 40px 0;
  }

  .content-one p {
    margin-bottom: 9px;
  }

  .col-reverse {
    flex-direction: column-reverse;
  }

  .content-one h2,
  .related-pro-sec h2 {
    font-size: 24px;
    line-height: 33px;
  }

  .about-one.float-one .contentLeft img {
    margin: 0 0 25px 0;
    max-width: 100%;
  }

  .custom-breadcrumb .breadcrumb {
    margin: 10px 0 0 0;
  }

  section.pro-page {
    padding: 40px 0;
  }

.location-banner-sec .content-box h1 { font-size: 24px;}

}

@media (max-width: 576px) {
  .cta-two-sec .sub-content-box {
    padding: 20px 20px;
}

.cta-two-sec .content-box {
    padding: 21px 19px;
}

.cta-two-sec .sub-content-box h3 {
    font-size: 18px;
    line-height: 23px;
}

.sub-content-box {
    gap: 10px;
}
.wholesale-banner-sec .img-box img {
  height: 215px;
  object-fit: cover;
}

.wholesale-banner-sec .img-box {
  width: calc(100% - 36px);
}

.wholesale-banner-sec h2 {
  font-size: 23px;
  line-height: 28px;
}

.wholesale-banner-sec .side-box {
  padding: 17px 17px 18px 12px;
  max-width: 196px;
}

.main__btn {
  height: 36px;
}
  .before-after-slider {
    margin: 0 auto 0;
  }

  section.product-details-sec {
    padding: 49px 0 14px;
  }

  .big-img-decp h1 {
    font-size: 23px;
    line-height: 34px;
  }

  .about-one .contentLeft img {
    max-height: 250px;
  }

  /* 02 */
  .office-box .contact-list li {
    font-size: 11px;
    line-height: 18px;
  }

  .contact-list li {
    padding-left: 16px;
  }

  .office-box .contact-list li span {
    font-size: 11px;
  }

  .cta-half__box .content__part h4 {
    font-size: 13px;
    text-align: left;
    width: 210px;
    padding-left: 14px;
  }

  .cta-half__box .main__btn.small {
    width: 43%;
    display: flex;
    margin-left: 14px;
  }

  .ft-cont h2 {
    font-size: 16px;
  }

  .ft-cont h2 {
    font-size: 18px;
  }

  .mainSection {
    height: 464px;
  }

  .choose__list-box .desc h5 {
    font-size: 20px;
  }

  .cta-247__left span {
    padding: 2px 18px;
    font-size: 12px;
    width: 100%;
  }

  .office-box .contact-list li span {
    width: 8px;
  }

  .office-box .content .title {
    margin-bottom: 6px;
  }

  /* 02 */
  section.body-cont4 .img-wrap img.img3 {
    margin-left: 10px;
    display: none;
  }

  section.body-cont4 .decp::after {
    display: none;
  }

  section.body-cont4 .excel:nth-child(odd) .decp {
    position: relative;
    border-left: inherit !important;
    padding-left: 20px;
    width: 60%;
    text-align: left;
    margin-top: -111px;
  }

  section.body-cont4 .excel .decp p {
    text-align: left;
  }

  section.body-cont4 .excel:nth-child(even) .decp {
    border-right: inherit !important;
  }

  section.body-cont4 .excel:nth-child(2n + 1) .decp {
    border-right: inherit !important;
    padding-left: 20px;
    width: 60%;
    text-align: right;
    margin-top: -111px;
  }

  section.body-cont4 .excel:nth-child(2n) .decp {
    border-left: inherit !important;
    padding-left: 20px;
    width: 60%;
    text-align: left;
    margin-top: -111px;
  }

  section.body-cont4 .excel {
    margin: 15px 0 14px;
  }

  section.body-cont4 .excel:nth-child(2n + 1) .decp p {
    text-align: right;
  }

  .hm__cta-half {
    margin-top: 0;
  }

  .offices-wrap .office-box:last-child {
    width: 100%;
  }

  .before-after-slider img {
    width: 100%;
  }

  .about-banner>img {
    min-height: 250px;
    max-height: 265px;
  }

  .generic-content-wrap h2 {
    font-size: 23px;
  }

  .inner-ban-tx h2.banner-header {
    font-size: 23px !important;
  }
}

@media (max-width: 400px) {
  .mainSection {
    height: 307px;
  }

  .before-after-slider__before-image {
    top: 10px;
  }

  .sticky_sidebar,
  .normal_sidebar {
    width: 100%px;
  }
}