@media all and (max-width: 1199px) {
  .navbar .header-btn {
    display: none;
  }
  .navbar .header-btn {
    display: none;
  }
  .header-phone {
    display: none;
  }
   .hero-single .hero-content .hero-title {
    font-size: 37px;
  }
  .hero-slider.owl-theme .owl-nav .owl-prev, .hero-slider.owl-theme .owl-nav .owl-next {
    top: unset;
    bottom: 5px !important;
  }
  .hero-slider.owl-theme .owl-nav .owl-next {
    left: 120px;
  }
    .Arvian-workspaces-about-map-wrapper {
                flex-direction: column;
                gap: 30px;
            }
            .Arvian-workspaces-about-map-heading {
                font-size: 28px;
            }
            .Arvian-workspaces-about-map-visual {
                min-height: 150px;
            }
            .Arvian-workspaces-about-map-text{
                font-size: 14px;
                color: #000;
            }
            
              .staircase-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 25px;
            }
            
            /* Center the last two cards on the second row */
            .stair-card:nth-child(4) {
                grid-column: 1 / span 1;
            }
            .stair-card:nth-child(5) {
                grid-column: 2 / span 1;
            }
            
            /* Remove desktop offsets */
            .stair-card:nth-child(even) {
                transform: translateY(0);
            }
            
             .footer-widget-box {
    margin-bottom: 50px;
  }
}

  
   /* Responsive adjustments */
        @media (max-width: 768px) {
            .arvian-header h2 {
                font-size: 28px;
            }
            .arvian-industries-section {
                padding: 50px 15px;
                margin-top: 40px;
            }
              .arvian-showcase-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .card-size-1 {
    grid-column: span 5;
    grid-row: span 1;
}

.card-size-2 {
    grid-column: span 5;
    grid-row: span 1;
}

.card-size-3 {
    grid-column: span 5;
    grid-row: span 1;
}

.card-size-4 {
    grid-column: span 5;
    grid-row: span 1;
}

.card-size-5 {
    grid-column: span 5;
    grid-row: span 1;
}


.Arvian_Workspaces_Office_Solutions_banner_text h4{
    font-size:16px !important;
}

 .site-title {
    font-size: 35px;
  }
  .site-heading p{
    text-align: justify !important;
    margin-top: 10px;

  }
  .site-title-tagline{
    display: none !important;
  }
  .pricing-area{
    padding-bottom: 15px !important;
  }
  
  .header-top {
    display: none;
  }
   .Arvian_workspaces_Slider_Text_item span {
    font-size: 16px;
    margin-right: 15px;
  }
  .Arvian_workspaces_Slider_Text_item {
    padding: 0 20px;
  }
  .Arvian_Workspaces_About-section{
    margin-bottom: 0px !important;
  }
  
    .Arvian_Workspaces_About-section {
                flex-direction: column; 
                text-align: center;
                gap: 60px;
            }
            .Arvian_Workspaces_About-image1{
              border-radius: 15px;
            }
            .Arvian_Workspaces_About-shape{
              background-color: #fff;
            }
            .ctr-p{
              text-align: left !important;
            }
            .feature-area h2{
              text-align: left !important;
            }
            .Arvian_Workspaces_Office_Solutions_header h2{
              text-align: left;
            }
            .Arvian_Workspaces_Office_Solutions_header p{
              text-align: left;
            }

            .Arvian_Workspaces_About-left, 
            .Arvian_Workspaces_About-right {
                width: 100%;
            }

            .Arvian_Workspaces_About-left {
                height: 400px;
            }

            .Arvian_Workspaces_About-box-shadow-image {
                width: 50%;
                right: 0;
                
                left: 0;
            }
            .feature-icon i{
              font-size: 30px !important;
            }
            
             .Arvian_Workspaces_About-section {
                padding: 50px 20px;
            }
            .Arvian_Workspaces_About-heading {
                font-size: 22px;
                text-align: left;
                margin-top: 20px;

            }

            .about-list{
              text-align: left;
            }
            .Arvian_Workspaces_About-left {
                height: 300px;
            }
            
              .Arvian_Workspaces_Office_Solutions_card { min-width: 45%; }
              
                .Arvian_Workspaces_Office_Solutions_card { min-width: 100%; }
            .Arvian_Workspaces_Office_Solutions_banner { text-align: center; justify-content: center; }
            .Arvian_Workspaces_Office_Solutions_banner_btns { flex-direction: column; width: 100%; }
            .Arvian_Workspaces_Office_Solutions_btn_white, .Arvian_Workspaces_Office_Solutions_btn_outline { width: 100%; text-align: center; }
            
             .navbar {
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    position: fixed;
  }

  .custom-nav{
    margin-top: 0;
  }

  .navbar-brand {
    padding-left: 10px;
  }
  .navbar-brand img {
    width: 120px;
  }
  .navbar-collapse {
    max-height: 290px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 20px;
    background-color: #fff;
  }
  .dropdown-toggle::after {
    float: right;
  }
  .navbar .nav-item .nav-link {
    color: #192E3F;
    font-weight: 700;
    transition: all .5s ease-in-out;
  }
  .navbar .nav-item .nav-link:hover {
    color: #5F8D8A !important;
  }
  .navbar-toggler-icon {
    font-size: 32px;
    color: #192E3F;
    font-weight: 500;
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .navbar .dropdown-menu {
    border-radius: 10px;
  }
  .navbar.fixed-top .navbar-toggler-icon {
    color: #192E3F;
  }
  .header-nav-right {
    display: none;
  }
  
  .hero-single .hero-content .hero-title {
    font-size: 35px;
  }
  .hero-single {
    padding-top: 300px;
    padding-bottom: 60px;
  }
  
   .hero-single .hero-content .hero-sub-title {
    font-size: 18px;
  }
  .hero-single .hero-content .hero-btn {
    gap: 1rem;
  }
  
   .about-right{
    margin-top: 50px;
  }
  
    .video-wrapper {
    height: 250px;
  }
  
   .choose-img{
   display: none;
  }
  .choose-right-content{
    padding-left: 0px !important;
  }
  .cta-content{
    text-align: left !important;
  }

  .cta-area {
    padding-top:40px !important;
    padding-bottom:40px !important;
  }

   .cta-content h2{
   margin-bottom: 10px;
   }
   
   .counter-area .counter-box {
    margin-bottom: 25px;
  }
  
  .counter-area {
    margin-top: 0px;
  }
  
  
   .blog-meta {
    flex-direction: column;
    font-size: 15px;
  }
  .blog-meta .blog-meta-left ul {
    gap: 10px;
  }
  .blog-details-tags {
    flex-direction: column;
    align-items: flex-start;
  }
  .blog-author {
    flex-direction: column;
    text-align: center;
    padding: 25px 0 0 0;
  }
  .blog-comments-single {
    flex-direction: column;
    text-align: center;
    padding: 30px 0px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    margin-bottom: 30px;
    border-radius: 10px;
  }
  .blog-comments-reply {
    margin-left: 0px;
  }
  
  
   .contact-wrapper{
    padding: 50px 20px;
  }

  .contact-form {
    padding: 0px;
  }

  .contact-info{
    padding: 0px;
    margin-bottom: 50px;
  }
  
  .faq-left{
    margin-bottom: 50px;
  }
  .accordion-button {
    font-size: 16px;
  }
  
   .site-breadcrumb-wrapper {
    padding-top: 360px;
    padding-bottom: 120px;
  }
  
  .Arvian_Coworking_Space_jaipur_card {
                flex: 1 1 calc(50% - 25px); /* Tablet: 2 cards per row */
            }
            
             .Arvian_Coworking_Space_jaipur_card {
                flex: 1 1 100%; /* Mobile: 1 card per row */
            }
            .Arvian_Coworking_Space_jaipur_header h2 {
                font-size: 1.8rem;
                padding: 13px;
                text-align: left;
                margin-bottom: 0px;
            }
            .Arvian_Coworking_Space_jaipur_header p{
              text-align: justify;
              padding: 13px;
            }
            .Arvian_Coworking_Space_jaipur_grid{
              padding: 15px;
            }
            .Arvian_Coworking_Space_jaipur_card{
              padding: 15px;
            }
            .site-title{
              text-align: left !important;
            }
             .Arvian-workspaces-about-map-content {
                padding: 15px;
            }
            .Arvian-workspaces-about-map-section {
                padding: 0px 15px;
                padding-top:40px ;
            }
            
               .staircase-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            /* Last card spans full width */
            .stair-card:nth-child(5) {
                grid-column: 1 / span 2;
            }
            
            .section-header h2 {
                font-size: 2.2rem;
                padding: 13px;
                text-align: left;
            }
            .section-header p{
                  text-align: justify;
                  padding: 13px;
                  margin-top: -20px;
                  font-size: 16px;
            }
            .staircase-grid{
              padding: 13px !important;
            }
            
             .staircase-grid {
                grid-template-columns: 1fr;
            }
            
            /* Reset span for the last card */
            .stair-card:nth-child(5) {
                grid-column: auto;
            }
            
            .stair-card {
                padding: 30px 20px;
            }
            
             .login-form {
    padding: 40px 20px;
  }
  
    .error-wrapper h1 {
    font-size: 160px;
  }
      .container-45 {
                grid-template-columns: 1fr;
                gap: 60px;
            }
            .faq-header h2 { font-size: 2.2rem; }
            
              .form-row { grid-template-columns: 1fr; gap: 0px;}
            .section-wrapper { padding: 60px 20px; }
            .contact-card { padding: 20px 15px; }

            .contact-card  input, textarea  {
                padding: 10px;
                border-radius: 5px;
            }
            .submit-btn{
                padding: 10px;
                border-radius: 5px;
            }
            .contact-card{
                border-radius: 10px;
            }
            .details{
               border-radius: 10px;
            }
            summary{
                font-size: 16px;
            }
             .footer-widget-wrapper {
    padding-bottom: 0px;
  }
  .copyright .footer-menu {
    float: left;
    margin-top: 20px;
    text-align: left;
  }
  .copyright .footer-menu li {
    margin-left: 0;
    margin-right: 15px;
  }
  
  .footer-widget-wrapper {
    padding-bottom: 0px;
  }
  
  .mobile-search-btn {
    display: block;
    position: absolute;
    right: 20%;
    color: #192E3F;
    font-size: 20px;
  }

  .mobile-search-btn:hover{
    color: #5F8D8A;
  }
  
  
    .mobile-search-btn {
    right: 20%;
  }
  h2{
    font-size: 22px !important;
  }
  .Arvian_Workspaces_Office_Solutions_container{
    margin-top: 20px;
  }
  .hero-single .hero-content .hero-title{
    font-size: 20px !important;
  }
  .hero-single .hero-content p{
    font-size: 14px;
  }
  .theme-btn{
    font-size: 12px;
    padding: 7px 8px 7px 14px;
  }
  .about-experience{
      width:100px !important;
      height: 100px !important;
      padding-top: 20px !important;
  }
  .about-experience h1{
      font-size: 25px !important;
  }
  .about-experience .about-experience-text{
      font-size: 8px !important;
  }
  
  h2{
      text-align: left !important;
  }
  h3{
      font-size: 20px !important;
  }
        }