/* ==========================================================================
   Interactive Media - Responsive Stylesheet
   ========================================================================== */

/* --------------------------------------------------------------------------
   Extra Small Devices (Mobile Phones) 
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   Large Devices (Small Laptops & IPad Pro)
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1199px) {
  .tj-slider-item .slider-wrapper {
    padding: 150px 50px 40px 50px;
    justify-content: center;
  }

  .tj-slider-item .slider-content .slider-title {
    font-size: 70px !important;
  }

  .sec-title {
    font-size: 42px !important;
  }
}





/* --------------------------------------------------------------------------
   Medium Devices (Tablets)
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
  .v3-hiring-process-section {
    display: none;
  }

  .about-content-area,
  .about-bottom-area-3 .about-content {
    max-width: 100%;
  }

  .sticky .header-wrapper {
    padding: 6px 0 !important;
  }

  .tj-slider-item .slider-content .slider-title {
    font-size: 55px !important;
  }

  /* Hide Desktop specific elements */
  .header-top-area,
  .d-lg-none-custom {
    display: none !important;
  }

  /* Spacing */
  .section-gap {
    padding: 80px 0 !important;
  }

  /* Grids */
  .service-item.style-3 {
    margin-bottom: 30px;
  }

  .project-item.style-5 {
    margin-bottom: 30px;
  }

  .countup-item.style-2 {
    margin-bottom: 30px;
    align-items: center;
  }

  .blog-item.style-3 {
    margin-bottom: 30px;
  }

  /* Forms */
  .col-md-6 {
    margin-bottom: 20px;
  }

  /* Core Layout Adjustments */
  .copyright-content-area {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }

  .tj-about-section-3 .about-img-area-2 {
    margin-top: 40px;
  }

  .tj-slider-item .slider-content .slider-btn .tj-primary-btn {
    height: auto;
    padding: 6px;
  }
}




/* --------------------------------------------------------------------------
   Small Devices (Landscape Phones & Small Tablets)
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .v3-submit-premium {
    padding: 14px !important;
    font-size: 12px !important;
  }

  .v3-contact-form-card {
    padding: 36px 20px !important;
  }

  .sec-title {
    font-size: 36px !important;
  }

  .tj-slider-item .slider-content .slider-title {
    font-size: 40px !important;
  }
}

@media only screen and (max-width: 575px) {

  .tj-inner-banner {
    padding: 120px 0 50px;
  }

  .tj-inner-banner .banner-content-box {
    padding-left: 20px;
  }

  .tj-inner-banner .banner-subtitle {
    font-size: 7px;
  }

  .tj-inner-banner .banner-title {
    font-size: 40px;
  }

  /* Layout & Spacing */
  .section-gap {
    padding: 60px 0 !important;
  }

  .section-gap-top {
    padding-top: 60px !important;
  }

  .section-gap-bottom {
    padding-bottom: 60px !important;
  }

  .section-gap-x {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Headings & Typography */
  .sec-title {
    font-size: 32px !important;
    line-height: 1.3 !important;
  }



  .tj-slider-item .slider-content .slider-desc {
    font-size: 16px !important;
  }

  .sip2-hero__wrap {
    padding-bottom: 50px !important;
  }

  /* Header & Navigation */
  .mean-container .mean-bar {
    padding: 10px 0;
  }

  .mean-container .mean-nav {
    margin-top: 50px;
  }

  /* Sliders & Carousels */
  .hero-navigation {
    display: none !important;
  }

  /* Form Elements */
  .v3-input-wrapper select,
  .v3-input-wrapper input,
  .form-control,
  .v3-textarea {
    width: 100% !important;
  }

  .tj-primary-btn {
    text-align: center;
  }

  /* Services Grid & Custom Blocks */
  .service-item.style-3 {
    padding: 30px 20px !important;
    margin-bottom: 30px !important;
  }

  .service-item .service-content .title {
    font-size: 24px !important;
  }

  /* Footer */
  .tj-footer-section.footer-3 .footer-top-area .footer-widget {
    margin-bottom: 40px !important;
  }

  .footer-bottom-area .row>div {
    text-align: center !important;
    margin-bottom: 10px;
  }

  /* V3 Core Structural Fixes */
  .copyright-content-area {
    flex-direction: column !important;
    text-align: center;
    gap: 15px;
  }

  .design_image {
    gap: 15px !important;
  }

  .footer-cta .sec-title {
    font-size: 28px !important;
  }

  .tj-client-section {
    padding: 40px 0 !important;
  }

  .sip2-hero__left {
    margin-bottom: 30px;
  }

  .tj-about-section-3 .about-img-area-2 {
    margin-top: 40px;
  }

  .tj-faq-bold .accordion-body {
    padding-right: 15px !important;
  }
}

@media only screen and (max-width: 425px) {
  .site_logo .logo {
    max-width: 220px;
  }

  .service-item.style-3 .service-content {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }

  .tj-premium-card {
    padding: 26px 16px !important;
  }
}

@media only screen and (max-width: 375px) {
  .rating-box {
    max-width: 330px;
    padding: 20px 8px 20px;
  }

  .rating-box .rating-text {
    font-size: 10px;
  }

  .faq-stat-item {
    padding: 16px 12px
  }

}