/* XXL devices (very large screens, 1400px and up) */
@media (min-width: 1400px) {
}

/* Extra large devices (large desktops, 1200px to 1399.98px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/* Large devices (desktops, 992px to 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .about-area {
    padding: 70px 0;
  }

  .services-bg {
    padding: 70px 0;
  }

  .choose-area {
    padding: 70px 0;
  }

  .counter-area {
    padding: 70px 0 3cap;
  }

 

 
  .counter-item .content p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
  }
  .call-back-area {
    background: var(--tg-heading-color);
    padding: 70px 0 80px;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

  .request-bg {
    padding: 70px 0;
  }

  .footer__top-two {
    padding: 70px 0 0px;
  }

 

 
  .breadcrumb__bg {
    padding: 120px 0 60px;
  }

  .about__area-six {
    padding: 70px 0;
  }

  .brand__area-two {
    padding: 40px 0;
  }

  .services__details-area {
    padding: 70px 0 0;
  }

  .services__details-wrap .row {
    margin-bottom: 70px;
  }

  .contact__area {
    padding: 80px 0 0;
  }

  .contact__form-wrap {
    margin-bottom: 70px;
  }

  .services__bg-three {
    padding: 70px 0 40px;
  }

 
}

/* Medium devices (tablets, 768px to 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .tg-header__area {
    padding: 10px 0;
  }

  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
  }

  .brand-area {
    padding: 30px 0;
    border-bottom: 1px solid #e6e7f3;
  }

  .about-area {
    padding: 60px 0;
  }

  .services-bg {
    padding: 60px 0;
  }

  .choose-area {
    padding: 60px 0;
  }

  .counter-area {
    padding: 60px 0 10px;
  }

  .counter-item .icon {
    font-size: 40px;
  }

  .counter-item .content .count {
    font-size: 24px;
  }

  .counter-item .content p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
  }
  .call-back-area {
    background: var(--tg-heading-color);
    padding: 50px 0 60px;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

  .request-bg {
    padding: 60px 0;
  }

  .footer__top-two {
    padding: 60px 0 0px;
  }

  .tg-header__area .mobile-nav-toggler {
    width: 50px;
    height: 50px;
  }

  .tgmenu__nav .logo img {
    max-height: 50px;
  }
  .breadcrumb__bg {
    padding: 100px 0 40px;
  }

  .about__area-six {
    padding: 60px 0;
  }

  .brand__area-two {
    padding: 40px 0;
  }

  .services__details-area {
    padding: 60px 0 0;
  }

  .services__details-wrap .row {
    margin-bottom: 60px;
  }

  .contact__area {
    padding: 70px 0 0;
  }

  .contact__form-wrap {
    margin-bottom: 60px;
  }

  .services__bg-three {
    padding: 60px 0 30px;
  }

  .contact-map {
    height: 350px;
    margin-bottom: 50px;
  }
}

/* Small devices (phones, 576px to 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .tg-header__area {
    padding: 5px 0;
  }

  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
  }

  .brand-area {
    padding: 5px 0;
    border-bottom: 1px solid #e6e7f3;
  }

  .about-area {
    padding: 50px 0;
  }

  .services-bg {
    padding: 50px 0;
  }

  .choose-area {
    padding: 60px 0;
  }

  .counter-area {
    padding: 60px 0 20px;
  }

  .counter-item .icon {
    font-size: 40px;
  }

  .counter-item .content .count {
    font-size: 24px;
  }

  .counter-item .content p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
  }
  .call-back-area {
    background: var(--tg-heading-color);
    padding: 50px 0 60px;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

  .request-bg {
    padding: 50px 0;
  }

  .footer__top-two {
    padding: 50px 0 0px;
  }

  .tg-header__area .mobile-nav-toggler {
    width: 50px;
    height: 50px;
  }

  .tgmenu__nav .logo img {
    max-height: 50px;
  }
  .breadcrumb__bg {
    padding: 80px 0 30px;
  }

  .about__area-six {
    padding: 50px 0;
  }

  .brand__area-two {
    padding: 30px 0;
  }

  .services__details-area {
    padding: 50px 0 0;
  }

  .services__details-wrap .row {
    margin-bottom: 50px;
  }

  .contact__area {
    padding: 60px 0 0;
  }

  .contact__form-wrap {
    margin-bottom: 40px;
  }

  .services__bg-three {
    padding: 60px 0 30px;
  }

  .contact-map {
    height: 300px;
    margin-bottom: 30px;
  }
}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .tg-header__area {
    padding: 5px 0;
  }

  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
  }

  .brand-area {
    padding: 5px 0;
    border-bottom: 1px solid #e6e7f3;
  }

  .about-area {
    padding: 40px 0;
  }

  .services-bg {
    padding: 40px 0;
  }

  .choose-area {
    padding: 50px 0;
  }

  .counter-area {
    padding: 50px 0 10px;
  }

  .counter-item .icon {
    font-size: 40px;
  }

  .counter-item .content .count {
    font-size: 24px;
  }

  .counter-item .content p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
  }
  .call-back-area {
    background: var(--tg-heading-color);
    padding: 40px 0 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

  .request-bg {
    padding: 40px 0;
  }

  .footer__top-two {
    padding: 40px 0 0px;
  }

  .tg-header__area .mobile-nav-toggler {
    width: 40px;
    height: 40px;
  }

  .tgmenu__nav .logo img {
    max-height: 40px;
  }
  .breadcrumb__bg {
    padding: 80px 0 30px;
  }

  .about__area-six {
    padding: 40px 0;
  }

  .brand__area-two {
    padding: 20px 0;
  }

  .services__details-area {
    padding: 40px 0 0;
  }

  .services__details-wrap .row {
    margin-bottom: 40px;
  }

  .contact__area {
    padding: 50px 0 0;
  }

  .contact__form-wrap {
    margin-bottom: 30px;
  }

  .services__bg-three {
    padding: 50px 0 20px;
  }

  .contact-map {
    height: 300px;
    margin-bottom: 30px;
  }





  h2{
    font-size: 24px  !important;
  }

  h3{
    font-size: 22px  !important;
  }

  h2{
    font-size: 20px  !important;
  }
  p{
    font-size: 16px !important;
  }
}