/* ========================================
   LAPTOP SCREEN OPTIMIZATIONS (1024px - 1440px)
   ======================================== */

/* Laptop screens: 1024px to 1366px (Standard laptops) */
@media only screen and (min-width: 1024px) and (max-width: 1366px) {

    /* Container adjustments for better spacing */
    .container.style-one {
        max-width: 71.25rem;
        /* 1140px / 16px */
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    /* Header navbar adjustments */
    .navbar-center.style-one .contact-card-wrap.style-two .contact-card {
        margin-right: 15px;
    }

    .navbar-center.style-one .contact-card .contact-info {
        max-width: 150px;
    }

    .navbar-center.style-one .contact-card .contact-info span,
    .navbar-center.style-one .contact-card .contact-info a,
    .navbar-center.style-one .contact-card .contact-info p {
        font-size: 13px !important;
    }

    /* Menu spacing */
    .menu-section>li {
        margin-right: 20px;
    }

    .menu-section>li>a {
        font-size: 15px;
        padding: 10px 12px;
    }

    /* Button adjustments */
    .btn.style-two {
        font-size: 14px;
        padding: 12px 18px;
    }

    /* Hero section */
    .hero-area.style-one .hero-slide-item {
        padding: 100px 0 140px;
    }

    .hero-area.style-one .hero-slide-item .hero-content h1 {
        font-size: 42px;
        line-height: 52px;
    }

    /* Search forms */
    .search-directory-wrap .search-directory-form .form-group {
        min-width: 200px;
    }

    .search-directory-wrap .search-directory-form .form-group input,
    .search-directory-wrap .search-directory-form .form-group select {
        font-size: 14px;
        padding: 0 18px;
    }

    /* Doctor/Hospital cards */
    .doctor-card.style-three,
    .hospital-card.style-one {
        padding: 20px;
    }

    .doctor-card.style-three .doctor-info h3,
    .hospital-card.style-one .hospital-info h3 {
        font-size: 20px;
        line-height: 28px;
    }

    /* Grid layouts */
    .col-xxl-4,
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-3,
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    /* Sidebar filters */
    .filter-box.style-one {
        padding: 25px 20px;
    }

    .filter-box.style-one .form-group input,
    .filter-box.style-one .form-group select {
        font-size: 14px;
        height: 48px;
    }

    /* Section titles */
    .section-title {
        font-size: 36px;
        line-height: 46px;
    }

    .section-subtitle {
        font-size: 15px;
    }

    /* Footer adjustments */
    .footer-area .footer-widget {
        padding-right: 15px;
    }

    /* Appointment section */
    .appointment-area .appointment-content h2 {
        font-size: 34px;
        line-height: 44px;
    }

    /* Why Choose Us section */
    .wh-area .wh-content h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .feature-item-list li {
        font-size: 15px;
        padding: 16px 18px 16px 55px;
    }

    /* Promo cards */
    .promo-card {
        padding: 20px;
    }

    .promo-card .promo-icon {
        width: 70px;
        height: 70px;
    }

    .promo-card .promo-info h3 {
        font-size: 20px;
    }

    /* Contact cards in header */
    .contact-card .contact-icon {
        width: 50px;
        height: 50px;
    }

    /* Logo sizing */
    .logo img {
        max-width: 160px;
        height: auto;
    }

    /* Breadcrumb */
    .breadcrumb-area .breadcrumb-wrap {
        padding: 90px 0 92px;
    }

    .breadcrumb-area .breadcrumb-wrap .section-title {
        font-size: 38px;
    }

    /* Directory cards */
    .directory-card.style-one {
        padding: 28px 24px;
    }

    /* Category cards */
    .category-card.style-one .cat-icon {
        width: 90px;
        height: 90px;
    }

    /* Testimonial cards */
    .testimonial-card {
        padding: 28px 24px;
    }

    /* Blog cards */
    .blog-card {
        padding: 20px;
    }

    .blog-card .blog-info h3 {
        font-size: 20px;
        line-height: 28px;
    }
}

/* Larger laptops: 1367px to 1440px */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

    .container.style-one {
        max-width: 80rem;
        /* 1280px / 16px */
    }

    /* Slightly larger text for bigger screens */
    .section-title {
        font-size: 40px;
        line-height: 50px;
    }

    .hero-area.style-one .hero-slide-item .hero-content h1 {
        font-size: 46px;
        line-height: 56px;
    }

    .menu-section>li {
        margin-right: 25px;
    }

    .menu-section>li>a {
        font-size: 16px;
    }

    .navbar-center.style-one .contact-card .contact-info {
        max-width: 180px;
    }

    .navbar-center.style-one .contact-card .contact-info span,
    .navbar-center.style-one .contact-card .contact-info a,
    .navbar-center.style-one .contact-card .contact-info p {
        font-size: 14px !important;
    }
}

/* Specific fixes for common laptop issues */
@media only screen and (min-width: 1024px) and (max-width: 1440px) {

    /* Ensure header doesn't overflow */
    .navbar-top .navbar-option-item {
        margin-right: 12px;
    }

    .navbar-top .navbar-option-item a {
        font-size: 14px;
    }

    /* Language selector */
    .language-selector .selected-language .lang-name {
        font-size: 13px;
    }

    /* Currency selector */
    .currency-selector select {
        font-size: 14px;
    }

    /* Login/Register link */
    .header-link {
        font-size: 14px;
    }

    /* Sticky header adjustments */
    .navbar-area.sticky {
        padding: 12px 0;
    }

    /* Search results layout */
    .doctor-card.style-three.mb-30.round-20.p-20 {
        padding: 18px !important;
    }

    /* List view cards */
    .doctor-card.style-three.mb-30.round-20.p-20 .doctor-info h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .doctor-card.style-three.mb-30.round-20.p-20 .fs-xx-14 {
        font-size: 13px;
    }

    /* Grid view optimization */
    .col-xxl-4.col-xl-4.col-lg-4 {
        padding-left: 12px;
        padding-right: 12px;
    }

    /* Sidebar sticky positioning */
    .filter-box.sticky-top {
        top: 90px;
    }

    /* View toggle buttons */
    .view-toggle .btn {
        padding: 10px 14px;
        font-size: 14px;
    }

    /* Pagination */
    .pagination-wrap .page-link {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    /* Modal adjustments */
    .modal-dialog {
        max-width: 600px;
    }

    /* Form inputs */
    .form-group input,
    .form-group select,
    .form-group textarea {
        font-size: 14px;
    }

    /* Tables */
    .table th,
    .table td {
        font-size: 14px;
        padding: 12px;
    }

    /* Cards spacing */
    .mb-30 {
        margin-bottom: 24px;
    }

    /* Image containers */
    .doctor-img.position-relative.round-10.mb-32 {
        margin-bottom: 24px;
    }

    /* Contact info sections */
    .ambulance-contact-section .ambulance-contact-info {
        gap: 8px;
    }

    /* Blood bank cards */
    .bloodbanks-location-badge {
        min-width: 140px;
        padding: 10px 14px;
    }

    /* Ensure proper spacing in flex layouts */
    .d-flex.gap-2 {
        gap: 10px !important;
    }

    .d-flex.gap-3 {
        gap: 14px !important;
    }

    /* Icon sizing */
    .ri-phone-line,
    .ri-time-line,
    .ri-hospital-line,
    .ri-map-pin-line {
        font-size: 16px;
    }

    /* Button hover states */
    .btn.style-two:hover {
        transform: translateY(-2px);
    }

    /* Smooth transitions */
    .transition {
        transition: all 0.3s ease;
    }

    /* Optimize image loading */
    img {
        image-rendering: -webkit-optimize-contrast;
    }
}

/* Fix for very specific laptop resolution: 1366x768 (most common) */
@media only screen and (width: 1366px) {

    .container.style-one {
        max-width: 75rem;
        /* 1200px / 16px */
    }

    /* Optimize vertical spacing for shorter screens */
    .ptb-120 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pt-120 {
        padding-top: 90px;
    }

    .pb-120 {
        padding-bottom: 90px;
    }

    /* Reduce hero height */
    .hero-area.style-one .hero-slide-item {
        padding: 90px 0 120px;
    }

    /* Compact header */
    .navbar-center.style-one {
        padding: 18px 0;
    }
}