@media screen and (max-width: 768px) {
  .header-menu {
    margin: 0;
    padding: 0;
  }
  .section-contact-us-flex {
    flex-direction: column;
  }
  .section-contact-us-info {
    width: 100%;
  }
  .section-contact-us-image img {
    width: 100%;
  }
  .our-services-flex {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .our-services-info {
    width: 100%;
  }
  .icon-background-right {
    right: 0;
  }
  .icon-background-left svg {
    width: 100%;
    height: 100%;
  }
  .our-services-btn {
    margin-top: 30px;
    width: 100%;
  }
  .header-section-slider {
    flex-direction: column;
  }
  .header-section-slider-btn {
    width: max-content;
  }
  .header-section-slider-btn span {
    width: 100%;
  }
  .header-section-slider-text {
    width: 100%;
  }
  .header-section-slider-text h2 {
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .contact-us-info p {
    width: 100%;
    font-size: 16px;
  }
  .footerlinkitem,
  .footer-menu-container li {
    padding: 15px 0px;
  }
  .title-about-us h1 {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 31.32px;
  }
  .section-one-about-us {
    flex-direction: column;
  }
  .section-one-rightside,
  .section-one-image-left,
  .section-one-image-right {
    width: 100%;
  }
  .section-one-rightside-caption p {
    font-size: 25px;
  }
  .section-one-rightside {
    margin-top: 20px;
  }
  .title-Expertise-Services h2 {
    font-size: 35px;
    letter-spacing: 0px;
  }
  .expertise-lists .expertise-item {
    font-size: 20px;
    padding: 55px 0px 55px 35px;
  }
  .what-we-offer-title h2 {
    font-size: 55px;
  }
  .what-we-offer-cards {
    flex-direction: column;
  }
  .what-we-offer-card {
    width: 100%;
  }
  .contact-us-form-flex {
    flex-direction: column;
  }
  .wpcf7 {
    width: 100%;
  }
  .custom-info {
    width: 100%;
  }
  .category-list {
    gap: 24px;
  }
  .category-item {
    width: 47%;
  }
  .category-item img {
    width: 100%;
  }
  .slider-item img {
    height: 345px;
  }
  .slider-controls {
    flex-direction: row;
  }
  .slider-controls-flex {
    flex-direction: row-reverse;
  }
  .slider-controls-flex span {
    padding: 12px 35px;
  }
  .slider-controls-flex .next-slide {
    border-bottom: 0px;
    border-left: 2px solid #d1d3d8;
  }
  .footerlinkitem-title {
    font-weight: 600;
  }
  .categories-section-titles {
    overflow-x: auto;
    padding-bottom: 20px;
  }

  .categories-section-titles::-webkit-scrollbar {
    height: 5px;
  }

  .categories-section-titles::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 15px;
  }
  .filter-btn {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 480px) {
  .left-side-text-info {
    font-size: 28px;
  }
  .left-side-text-pargraph {
    font-size: 20px;
  }
  .section-discover-title h2 {
    font-size: 29px;
  }
  .section-discover-text p {
    font-size: 24px;
  }
  .category-item {
    width: 100%;
  }
  .category-item img {
    width: 100%;
  }
  .right-side-images-section {
    flex-direction: column;
    gap: 10px;
  }
  .footerpagegrid {
    margin-bottom: 130px;
  }
}
@media screen and (max-width: 500px) {
  .title-Expertise-Services h2 {
    font-size: 24px;
  }
  .what-we-offer-title h2 {
    font-size: 33px;
  }
  .wpcf7-form p:nth-of-type(1),
  .wpcf7-form p:nth-of-type(2) {
    display: block;
    width: 100%;
  }
  .our-services-info h2 {
    font-size: 30px;
  }
  .loading-screen .percentage {
    font-size: 120px;
  }
  .wpcf7-form input,
  .wpcf7-form p:nth-of-type(5) textarea {
    width: 100%;
  }
  .mySwiper2 {
    height: 520px;
  }
  .single-product-carousel .swiper-wrapper {
    left: 40px;
    top: 58%;
    height: 64%;
    width: 19%;
  }
  .single-product-info h3 {
    font-size: 19px;
  }
  .icon-background-right svg {
    width: 200px;
    height: 200px;
  }
  .icon-background-left {
    top: 73px;
  }
  .icon-background-left svg {
    width: 289px;
    height: 288px;
  }
  .slider-overlay-btn {
    right: 20px;
    height: 84%;
    padding: 6px 8px;
    font-size: 18px;
  }
  .slider-overlay h3 {
    font-size: 20px;
  }
  .slider-overlay-text {
    font-size: 18px;
  }
  .slider-item img {
    height: 220px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .left-side-text-info {
    font-size: 25px;
  }
  .left-side-text-pargraph {
    font-size: 18px;
  }
  .our-services-info h2 {
    font-size: 31px;
  }
  .header-section-slider-text h2 {
    font-size: 28px;
  }
  .header-section-slider-btn span {
    padding: 10px 15px;
  }
  .what-we-offer-title h2 {
    font-size: 100px;
  }
  .title-Expertise-Services h2 {
    font-size: 80px;
  }
  .mySwiper2 {
    width: 500px;
    height: 600px;
  }
  .single-product-info p {
    font-size: 20px;
  }
  .single-product-carousel .swiper-wrapper {
    top: 54%;
    height: 56%;
    width: 18%;
  }
}
@media screen and (max-width: 992px) {
  .section-info {
    flex-direction: column;
  }
  .image-box {
    margin-top: 10px;
    width: 100%;
  }
  .single-product-section {
    flex-direction: column;
    gap: 25px;
  }
  .single-product-images {
    width: 100%;
  }
  .mySwiper2 {
    width: 100%;
  }
  .single-product-info {
    width: 100%;
  }
  /* .section-contact-us-info {
    width: 85%;
  } */
}

@media (min-width: 769px) and (max-width: 992px) {
  .section-contact-us-info {
    width: 88%;
  }
  .our-services-info h2 {
    font-size: 22px;
  }
  .header-section-slider-text h2 {
    font-size: 20px;
  }
  .header-section-slider-btn {
    width: 17%;
  }
  .header-section-slider-btn span {
    padding: 10px 5px;
  }
  .contact-us-info p {
    width: 90%;
  }
  .title-about-us h1 {
    font-size: 30px;
  }
  .section-one-rightside-caption p {
    font-size: 27px;
    margin-top: 40px;
  }
  .what-we-offer-card {
    padding: 35px 10px;
    font-size: 19px;
  }
  .what-we-offer-title h2 {
    font-size: 75px;
  }
  .single-product-carousel .swiper-wrapper {
    left: 50px;
    width: 12%;
  }
  .category-list {
    gap: 27px;
  }
  .category-item {
    width: 48%;
  }
  .category-item img {
    width: 100%;
  }
  .button-primary {
    padding: 15px 40px;
  }
  .filter-btn {
    padding: 10px;
    width: 158px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  .single-product-carousel .swiper-wrapper {
    left: 46px;
    top: 53%;
    width: 16%;
  }
}
@media screen and (max-width: 415px) {
  .single-product-carousel .swiper-wrapper {
    left: 45px;
    width: 23%;
  }
}
@media (min-width: 993px) and (max-width: 1399px) {
  .category-list {
    gap: 40px;
  }
  .category-item {
    width: 30%;
  }
  .category-item img {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1112px) {
  .slider-item img {
    width: 95%;
    height: 270px;
  }
  .slider-overlay-text {
    font-size: 22px;
  }
  .slider-overlay-btn {
    right: 64px;
    height: 85%;
    padding: 0px 10px;
  }
}