/* Mobile Responsive CSS for V.K.K Civil Works Contractor */

/* General Responsive Rules */
@media (max-width: 991px) {
    .section-padding-x {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    h1, .fsz-45 {
        font-size: 32px !important;
    }
    
    .fsz-30 {
        font-size: 24px !important;
    }
    
    .fsz-24 {
        font-size: 20px !important;
    }
    
    .mb-80 {
        margin-bottom: 40px;
    }
    
    .mb-100 {
        margin-bottom: 50px;
    }
    
    .mt-150 {
        margin-top: 50px;
    }
    
    .mt-80 {
        margin-top: 40px;
    }
    
    .pb-70 {
        padding-bottom: 40px;
    }
    
    .c-line, .c-line2, .c-line3, .c-line4 {
        display: none;
    }
}

/* Header Styles */
@media (max-width: 767px) {
    .tc-header-style1 .header-slider .slider-card .info {
        padding-bottom: 30px;
    }
    
    .tc-header-style1 .slider-controls {
        bottom: 20px;
        right: 20px;
    }
    
    .tc-header-style1 .header-slider .slider-card .info h1 {
        font-size: 28px !important;
    }
    
    .tc-header-style1 .header-slider .slider-card .info h5 {
        font-size: 20px !important;
        margin-top: 15px;
    }
    
    .tc-header-style1 .header-slider .slider-card .info .butn {
        margin-top: 30px;
    }
}

/* Experience Section */
@media (max-width: 991px) {
    .tc-experience-style1 .exp-num {
        text-align: center;
        margin-bottom: 40px;
    }
    
    .tc-experience-style1 .img {
        margin-bottom: 40px;
    }
    
    .tc-experience-style1 .info {
        text-align: center;
    }
    
    .tc-experience-style1 .rotate-txt {
        display: none;
    }
}

/* Services Section */
@media (max-width: 991px) {
    .tc-services-style1 .services .service-card {
        margin-bottom: 30px;
    }
    
    .tc-services-style1 .services .service-card.mt-150 {
        margin-top: 0;
    }
    
    .tc-services-style1 .ser-img {
        display: none;
    }
}

/* Process Section */
@media (max-width: 991px) {
    .tc-process-style1 .img {
        margin-top: 40px;
        text-align: center;
    }
    
    .tc-process-style1 .img img {
        max-width: 100%;
        height: auto;
    }
    
    .tc-process-style1 .info .accordion {
        margin-bottom: 30px;
    }
}

/* Projects Section */
@media (max-width: 991px) {
    .tc-projects-style1 .tabs-links ul.nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
    }
    
    .tc-projects-style1 .tabs-links ul.nav li {
        flex: 0 0 auto;
    }
    
    .tc-projects-style1 .tabs-links ul.nav .nav-link {
        white-space: nowrap;
        padding: 5px 10px;
        font-size: 14px;
    }
    
    .tc-projects-style1 .projects-slider .swiper-slide {
        width: 85%;
    }
    
    .float-cursor.float_box {
        display: none;
    }
}

/* Chat Section */
@media (max-width: 767px) {
    .tc-chat-style1 .content {
        text-align: center;
    }
    
    .tc-chat-style1 .content .xl-text {
        font-size: 24px;
    }
    
    .tc-chat-style1 .content h5 {
        font-size: 18px;
        margin-bottom: 30px;
    }
}

/* Footer */
@media (max-width: 991px) {
    .tc-footer-style1 .top-content {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    
    .tc-footer-style1 .info-side {
        margin-bottom: 30px;
    }
    
    .tc-footer-style1 .branch-card {
        margin-bottom: 20px;
    }
    
    .tc-footer-style1 .foot-links {
        text-align: center;
    }
    
    .tc-footer-style1 .foot p {
        text-align: center;
    }
}

/* Side Menu */
@media (max-width: 767px) {
    .side_menu_style4 {
        width: 100%;
    }
    
    .side_menu_style4 .main_links ul li .main_link {
        font-size: 24px;
    }
}

/* Navbar */
@media (max-width: 991px) {
    .tc-navbar-style1 .logo {
        max-width: 120px;
    }
    
    .tc-navbar-style1 .navbar-collapse {
        background-color: rgba(0, 0, 0, 0.9);
        padding: 20px;
        border-radius: 10px;
    }
    
    .tc-navbar-style1 .navbar-nav .nav-link {
        padding: 10px 0;
    }
}

/* Loading Animation */
@media (max-width: 767px) {
    .loader-wrap-heading .logo {
        max-width: 100px;
    }
    
    .loader-wrap-heading .load-text span {
        font-size: 16px;
    }
}

/* Buttons */
@media (max-width: 767px) {
    .butn {
        padding: 8px 20px;
        font-size: 14px;
    }
}

/* Swiper Slider Adjustments */
@media (max-width: 767px) {
    .swiper-button-prev, .swiper-button-next {
        width: 35px;
        height: 35px;
    }
    
    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}

/* Fix Marq Slider on mobile */
@media (max-width: 767px) {
    .marq-slider .swiper-slide a {
        font-size: 40px !important;
    }
}

/* Additional spacing fixes */
@media (max-width: 767px) {
    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .title {
        margin-bottom: 30px !important;
    }
}