/* Mobile Responsive Fixes for Homepage Featured Projects Section */
@media (max-width: 768px) {

    /* Featured Projects Section - Full Width on Mobile */
    .pbmit-element-posts-wrapper {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Swiper Container - Full Width */
    .pbmit-element-posts-wrapper .swiper-container,
    .pbmit-element-posts-wrapper .swiper-wrapper {
        width: 100% !important;
        margin: 0 !important;
    }

    /* Project Slide - Better Spacing */
    .pbmit-element-posts-wrapper .swiper-slide {
        padding: 0 10px !important;
    }

    /* Project Title - Better Font Size */
    .pbmit-element-posts-wrapper .pbmit-box-title {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem !important;
    }

    /* Project Description - Better Readability */
    .pbmit-element-posts-wrapper .pbmit-service-content {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        padding: 1rem !important;
    }

    /* Navigation Arrows - Better Positioning */
    .pbmit-element-posts-wrapper .swiper-button-next,
    .pbmit-element-posts-wrapper .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    .pbmit-element-posts-wrapper .swiper-button-next {
        right: 5px !important;
    }

    .pbmit-element-posts-wrapper .swiper-button-prev {
        left: 5px !important;
    }

    /* Section Heading - Better Spacing */
    .pbmit-heading-subheading {
        padding: 1rem 15px !important;
        margin-bottom: 1.5rem !important;
    }

    .pbmit-heading-subheading .pbmit-title {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
    }

    .pbmit-heading-subheading .pbmit-heading-desc {
        font-size: 0.95rem !important;
        margin-top: 0.75rem !important;
    }

    /* ========================================
       CATALOG SECTION - MOBILE OPTIMIZATION
       ======================================== */

    /* Main catalog container */
    .catalog-nine-bg {
        background-size: cover !important;
        background-position: center !important;
        background-attachment: scroll !important;
        padding: 3rem 1.5rem !important;
        min-height: auto !important;
        position: relative !important;
    }

    /* CRITICAL: Remove gray overlay on mobile */
    .catalog-nine-bg .pbmit-bg-overlay {
        display: none !important;
        opacity: 0 !important;
    }

    /* Remove decorative elements on mobile */
    .catalog-nine-bg::after,
    .catalog-nine-bg::before,
    .offer-area-bg::after,
    .offer-area-bg::before {
        display: none !important;
    }

    /* Offer area background - mobile fixes */
    .offer-area-bg {
        padding: 2rem 1rem !important;
        min-height: auto !important;
    }

    /* Remove overlay from offer area */
    .offer-area-bg .pbmit-bg-overlay {
        display: none !important;
        opacity: 0 !important;
        background: none !important;
    }

    /* Heading section */
    .catalog-nine-bg .pbmit-heading-subheading,
    .offer-area-bg .pbmit-heading-subheading {
        padding: 0 !important;
        margin-bottom: 1.5rem !important;
        text-align: center !important;
    }

    /* Override column alignment on mobile */
    .catalog-nine-bg .row,
    .offer-area-bg .row {
        text-align: center !important;
    }

    .catalog-nine-bg .col-md-12,
    .catalog-nine-bg .col-xl-7,
    .catalog-nine-bg .col-xl-5,
    .catalog-nine-bg .col-xl-6,
    .offer-area-bg .col-md-12,
    .offer-area-bg .col-xl-7,
    .offer-area-bg .col-xl-5,
    .offer-area-bg .col-xl-6 {
        text-align: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Title styling - White text for visibility */
    .catalog-nine-bg .pbmit-title,
    .catalog-nine-bg .pbmit-title-1,
    .catalog-nine-bg .pbmit-title-2,
    .catalog-nine-bg h2,
    .catalog-nine-bg h4,
    .offer-area-bg .pbmit-title,
    .offer-area-bg .pbmit-title-h4,
    .offer-area-bg h2,
    .offer-area-bg h4 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem !important;
        text-align: center !important;
        padding: 0.5rem 1rem !important;
        color: #fff !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
    }

    /* White color class enforcement */
    .pbmit-whitecolor {
        color: #fff !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
    }

    /* Description text - ALL CENTERED */
    .catalog-nine-bg .pbmit-fid-title,
    .catalog-nine-bg .pbmit-title-2,
    .catalog-nine-bg p,
    .offer-area-bg .pbmit-fid-title,
    .offer-area-bg .pbmit-title-2,
    .offer-area-bg p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        text-align: center !important;
        padding: 0 1rem !important;
        margin-bottom: 1.5rem !important;
        color: #f5f5f5 !important;
        width: 100% !important;
        /* Override desktop 60% width */
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* CRITICAL: Override desktop styles for .pbmit-title-2 */
    .catalog-nine-bg .pbmit-heading-subheading .pbmit-title-2 {
        width: 100% !important;
        padding: 0 1rem !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        color: #f5f5f5 !important;
    }

    /* CRITICAL: Override desktop styles for .pbmit-title-h4 (Medya) */
    .offer-area-bg .pbmit-heading-subheading .pbmit-title-h4 {
        text-align: center !important;
        width: 100% !important;
        padding: 0 1rem !important;
        margin: 0 auto !important;
        display: block !important;
        color: #fff !important;
        position: relative !important;
    }

    .offer-area-bg .pbmit-heading-subheading .pbmit-title-h4 a {
        text-align: center !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        display: block !important;
        color: #fff !important;
    }

    /* Ensure span inside is also centered */
    .offer-area-bg .pbmit-heading-subheading .pbmit-title-h4 a span {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
    }

    /* Hide arrow icon on mobile */
    .offer-area-bg .pbmit-heading-subheading .pbmit-title-h4::after {
        display: none !important;
    }

    /* Button styling */
    .catalog-nine-bg .pbmit-btn,
    .catalog-nine-bg .pbmit-btn-global {
        font-size: 1rem !important;
        padding: 0.875rem 2rem !important;
        margin-top: 1.5rem !important;
        display: inline-block !important;
        width: auto !important;
    }

    .catalog-nine-bg .pbmit-button-wrap {
        text-align: center !important;
        margin-top: 1.5rem !important;
    }

    /* ========================================
       CONTACT THREE MAIN - MOBILE OPTIMIZATION
       ======================================== */

    .contact-three-main {
        padding: 2.5rem 1.5rem !important;
        background-color: #bcbec0 !important;
    }

    .contact-three-main .pbmit-heading-subheading {
        margin-bottom: 1.5rem !important;
        text-align: center !important;
    }

    .contact-three-main .pbmit-heading-subheading .pbmit-title {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        text-align: center !important;
        color: #000 !important;
        padding: 0 1rem !important;
    }

    .contact-three-main .pbmit-fid-title {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        text-align: center !important;
        padding: 0 1rem !important;
        margin-bottom: 1.5rem !important;
        width: 100% !important;
        display: block !important;
    }

    .contact-three-main .pbmit-button-wrap {
        text-align: center !important;
        margin-top: 1.5rem !important;
    }

    .contact-three-main .pbmit-btn,
    .contact-three-main .pbmit-btn-global {
        font-size: 1rem !important;
        padding: 0.875rem 2rem !important;
        display: inline-block !important;
        width: auto !important;
    }

    /* ========================================
       SERVICE FIVE HEADER - MOBILE OPTIMIZATION
       ======================================== */

    .service-five-header-area {
        padding: 2rem 1.5rem !important;
        text-align: center !important;
    }

    .service-five-header-area .pbmit-heading-subheading {
        margin-bottom: 1.5rem !important;
    }

    .service-five-header-area .pbminfotech-ele-fid-style-6 {
        padding: 0 !important;
    }

    .service-five-header-area .pbmit-fld-contents {
        padding: 0 !important;
    }

    /* ========================================
       CONTACT FORM - MOBILE OPTIMIZATION
       ======================================== */

    /* Enable flexbox for column reordering */
    .request-form-area,
    .contact-form-bg {
        width: 100% !important;
    }

    /* Parent row needs flexbox */
    .request-form-area+.contact-form-bg,
    .contact-form-bg+.request-form-area {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Reduce form padding on mobile */
    .request-form-area {
        padding: 2rem 1.5rem !important;
    }

    /* Contact form background - ensure proper height */
    .contact-form-bg {
        min-height: 300px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    /* Form inputs - better spacing */
    .request-form-area .form-control {
        margin-bottom: 1rem !important;
        padding: 0.75rem 1rem !important;
        font-size: 1rem !important;
    }

    /* Form button - full width on mobile */
    .request-form-area .pbmit-btn {
        width: 100% !important;
        margin-top: 1rem !important;
        padding: 1rem 2rem !important;
    }

    /* KVKK checkbox - better spacing */
    .request-form-area .form-check {
        margin-top: 1rem !important;
        padding: 0.5rem !important;
    }

    .request-form-area .form-check-label {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }

    /* ========================================
       FOOTER - MOBILE OPTIMIZATION
       ======================================== */

    /* Footer widget area - reduce padding */
    .offer-area-bg p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        text-align: center !important;
        padding: 0 1rem !important;
        margin-bottom: 1.5rem !important;
        color: #f5f5f5 !important;
        width: 100% !important;
        /* Override desktop 60% width */
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* CRITICAL: Override desktop styles for .pbmit-title-2 */
    .catalog-nine-bg .pbmit-heading-subheading .pbmit-title-2 {
        width: 100% !important;
        padding: 0 1rem !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        color: #f5f5f5 !important;
    }

    /* CRITICAL: Override desktop styles for .pbmit-title-h4 (Medya) */
    .offer-area-bg .pbmit-heading-subheading .pbmit-title-h4 {
        text-align: center !important;
        width: 100% !important;
        padding: 0 1rem !important;
        margin: 0 auto !important;
        display: block !important;
        color: #fff !important;
        position: relative !important;
    }

    .offer-area-bg .pbmit-heading-subheading .pbmit-title-h4 a {
        text-align: center !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        display: block !important;
        color: #fff !important;
    }

    /* Ensure span inside is also centered */
    .offer-area-bg .pbmit-heading-subheading .pbmit-title-h4 a span {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
    }

    /* Hide arrow icon on mobile */
    .offer-area-bg .pbmit-heading-subheading .pbmit-title-h4::after {
        display: none !important;
    }

    /* Button styling */
    .catalog-nine-bg .pbmit-btn,
    .catalog-nine-bg .pbmit-btn-global {
        font-size: 1rem !important;
        padding: 0.875rem 2rem !important;
        margin-top: 1.5rem !important;
        display: inline-block !important;
        width: auto !important;
    }

    .catalog-nine-bg .pbmit-button-wrap {
        text-align: center !important;
        margin-top: 1.5rem !important;
    }

    /* ========================================
   CONTACT THREE MAIN - MOBILE OPTIMIZATION
   ======================================== */

    .contact-three-main {
        padding: 2.5rem 1.5rem !important;
        background-color: #bcbec0 !important;
    }

    .contact-three-main .pbmit-heading-subheading {
        margin-bottom: 1.5rem !important;
        text-align: center !important;
    }

    .contact-three-main .pbmit-heading-subheading .pbmit-title {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        text-align: center !important;
        color: #000 !important;
        padding: 0 1rem !important;
    }

    .contact-three-main .pbmit-fid-title {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        text-align: center !important;
        padding: 0 1rem !important;
        margin-bottom: 1.5rem !important;
        width: 100% !important;
        display: block !important;
    }

    .contact-three-main .pbmit-button-wrap {
        text-align: center !important;
        margin-top: 1.5rem !important;
    }

    .contact-three-main .pbmit-btn,
    .contact-three-main .pbmit-btn-global {
        font-size: 1rem !important;
        padding: 0.875rem 2rem !important;
        display: inline-block !important;
        width: auto !important;
    }

    /* ========================================
   SERVICE FIVE HEADER - MOBILE OPTIMIZATION
   ======================================== */

    .service-five-header-area {
        padding: 1rem 0.5rem !important;
        text-align: center !important;
    }

    .service-five-header-area .pbmit-heading-subheading {
        margin-bottom: 1.5rem !important;
    }

    .service-five-header-area .pbminfotech-ele-fid-style-6 {
        padding: 0 !important;
    }

    .service-five-header-area .pbmit-fld-contents {
        padding: 0 !important;
    }

    /* ========================================
   CONTACT FORM - MOBILE OPTIMIZATION
   ======================================== */

    /* Enable flexbox for column reordering */
    .request-form-area,
    .contact-form-bg {
        width: 100% !important;
    }

    /* Parent row needs flexbox */
    .request-form-area+.contact-form-bg,
    .contact-form-bg+.request-form-area {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Reduce form padding on mobile */
    .request-form-area {
        padding: 2rem 1.5rem !important;
    }

    /* Contact form background - ensure proper height */
    .contact-form-bg {
        min-height: 300px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    /* Form inputs - better spacing */
    .request-form-area .form-control {
        margin-bottom: 1rem !important;
        padding: 0.75rem 1rem !important;
        font-size: 1rem !important;
    }

    /* Form button - full width on mobile */
    .request-form-area .pbmit-btn {
        width: 100% !important;
        margin-top: 1rem !important;
        padding: 1rem 2rem !important;
    }

    /* KVKK checkbox - better spacing */
    .request-form-area .form-check {
        margin-top: 1rem !important;
        padding: 0.5rem !important;
    }

    .request-form-area .form-check-label {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }

    /* ========================================
   FOOTER - MOBILE OPTIMIZATION
   ======================================== */

    /* Footer widget area - reduce padding */
    .site-footer .pbmit-footer-widget-area {
        padding: 0rem 1.5rem 2rem !important;
    }

    /* Footer logo - center and resize */
    .site-footer .pbmit-footer-logo {
        text-align: center !important;
        margin-bottom: 2rem !important;
    }

    .site-footer .pbmit-footer-logo img {
        max-width: 180px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    /* Footer columns - stack vertically */
    .site-footer .pbmit-footer-widget-area .col-md-12,
    .site-footer .pbmit-footer-widget-area .col-md-4,
    .site-footer .pbmit-footer-widget-area .col-lg-2,
    .site-footer .pbmit-footer-widget-area .col-lg-4,
    .site-footer .pbmit-footer-widget-area .col-xl-2,
    .site-footer .pbmit-footer-widget-area .col-xl-3 {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0rem !important;
        text-align: center !important;
    }

    /* Widget titles - center and resize */
    .site-footer .widget-title,
    .site-footer .widget-title-phone {
        font-size: 1.25rem !important;
        text-align: center !important;
        margin-bottom: 1rem !important;
    }

    /* Widget menus - center */
    .site-footer .widget ul,
    .footer-style-3 .pbmit-two-column-menu.widget ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding-left: 0 !important;
        list-style: none !important;
        list-style-position: inside !important;
    }

    .site-footer .widget ul li {
        text-align: center !important;
        margin-bottom: 0.5rem !important;
        list-style: none !important;
        display: block !important;
    }

    .site-footer .widget ul li a {
        display: inline-block !important;
        text-align: center !important;
    }

    /* Footer text inner - reduce padding */
    .site-footer .pbmit-footer-text-inner {
        padding: 1.5rem 1rem !important;
    }

    /* Footer bottom area - stack vertically */
    .site-footer .pbmit-footer-text-inner .row {
        flex-direction: column !important;
    }

    .site-footer .pbmit-footer-text-inner .col-md-12 {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* Copyright text - center */
    .site-footer .pbmit-footer-copyright-text-area {
        text-align: center !important;
        margin-bottom: 1rem !important;
        font-size: 0.9rem !important;
        width: 100% !important;
    }

    /* Footer menu - center and stack */
    .site-footer .pbmit-footer-menu-area {
        text-align: center !important;
        margin-bottom: 1rem !important;
        width: 100% !important;
    }

    .site-footer .pbmit-footer-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding-left: 0 !important;
    }

    .site-footer .pbmit-footer-menu li {
        margin: 0.5rem 0 !important;
        text-align: center !important;
    }

    .site-footer .pbmit-footer-menu li:not(:first-child):before {
        display: none !important;
    }

    /* Social links - center */
    .site-footer .pbmit-social-links {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        padding-left: 0 !important;
        margin-top: 1rem !important;
    }

    .site-footer .pbmit-social-links li {
        margin: 0.5rem !important;
    }
}

/* ===================================
   Corporate Page Mobile Optimization
   =================================== */
@media (max-width: 767px) {

    /* Hero Image - Make it visible and properly sized */
    .page-content.about-us .pbmit-img {
        margin-bottom: 1.5rem;
    }

    .page-content.about-us .pbmit-img img {
        width: 100% !important;
        height: auto !important;
    }
}