@media screen and (max-width: 1100px) {
    .header-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .bespokecommisionprojects > div.row > div.sgfurn
    {
        width:96% !important;
        margin-left:2%;
        margin-right:2%;
    }
}

/* Tablet devices */
@media screen and (max-width: 992px) {
    .header-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    /* Latest News Section - Tablet */
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .blog-title {
        font-size: 16px;
    }

    .blog-date {
        font-size: 10px;
        padding: 6px 10px;
    }

    .blog-excerpt {
        font-size: 13px;
    }

    .latest-news-section .section-title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    /* Streamlining Section - Tablet */
    .streamlining-section-inner {
        height: 320px;
    }

    .streamlining-title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .streamlining-text {
        font-size: 16px;
    }

    /* Footer - Tablet */
    .footer {
        padding: 50px 0 20px;
    }

    .footer-logo {
        flex: 0 0 100%;
        margin-bottom: 30px;
        text-align: left;
    }

    .footer-links {
        flex: 0 0 100%;
    }

    .footer-column {
        flex: 0 0 25%;
    }

    .footer-newsletter {
        flex: 0 0 50%;
    }

    .footer-newsletter h3 {
        font-size: 16px;
    }

    .footer-newsletter p {
        font-size: 13px;
    }
    /* Hero Section - Tablet */
    .hero-section-wrapper {
        height: 400px;
    }

    .hero-title {
        font-size: 36px;
        margin-bottom: 25px;
    }

    .enquire-btn {
        padding: 12px 25px;
    }

    .logo {
        margin-bottom: 15px;
    }

    .logo img {
        height: 60px; /* Slightly smaller on tablet */
    }

    .main-nav {
        margin-bottom: 15px;
    }

    .main-nav ul {
        margin-left: 0;
    }

    .contact-info {
        flex-direction: row;
        justify-content: flex-start;
    }

    .contact-info a:first-child {
        margin-left: 0;
    }

    /* Services Grid - Tablet */
    .top-row,
    .bottom-row {
        height: auto;
    }

    .top-row {
        display: block;
    }

    .bottom-row {
        display: block;
    }

    .service-column {
        height: 300px;
    }

    .service-title {
        font-size: 22px;
    }

    .service-buttons {
        margin-bottom: 10px;
    }

    .service-btn {
        padding: 6px 12px;
        font-size: 13px;
    }

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

    .service-description {
        font-size: 13px;
    }

    /* Ensure hover effects work properly on tablet */
    .service-column:hover .service-title {
        transform: translateY(-15px);
    }

    .service-column:hover .service-details {
        max-height: 150px;
    }

    /* Experience Section - Tablet */
    .experience-section {
        padding: 60px 0;
    }

    .experience-title {
        font-size: 32px;
    }

    .experience-subtitle {
        font-size: 22px;
    }

    .partner-logos {
        gap: 30px;
    }

    .partner-logo {
        max-height: 45px;
        max-width: 130px;
    }
}

/* Mobile devices */
@media screen and (max-width: 768px) {
    .main-nav {
        margin-top: 15px;
    }
    .mobile-menu,
    .main-nav.active {
        display: block;
    }
    .main-nav,
    .contact-info {
        display: none;
    }
    .contact-info.active {
        display: flex;
    }
    /* Latest News Section - Mobile */
    .latest-news-section {
        padding: 50px 0;
    }

    .latest-news-section .section-title {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .blog-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .blog-image {
        height: 180px;
    }

    .blog-content {
        padding: 20px;
    }

    .blog-title {
        font-size: 16px;
    }

    .blog-date {
        font-size: 10px;
        padding: 6px 10px;
    }

    .blog-excerpt {
        font-size: 13px;
    }

    /* Streamlining Section - Mobile */
    .streamlining-section {
        padding: 0 15px;
    }

    .streamlining-section-inner {
        height: 320px;
    }

    .streamlining-content {
        max-width: 100%;
    }

    .streamlining-title {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .streamlining-text {
        font-size: 14px;
        line-height: 1.4;
    }

    /* Footer - Mobile */
    .footer {
        padding: 40px 0 20px;
    }

    .footer-links {
        flex-wrap: wrap;
    }

    .footer-column {
        margin-bottom: 30px;
        flex-basis: 100%;
    }

    .footer-newsletter {
        flex: 0 0 100%;
    }

    .newsletter-form {
        flex-direction: column;
    }

    .newsletter-form input {
        margin-bottom: 10px;
        padding: 12px;
    }

    .subscribe-btn {
        align-self: flex-start;
        padding: 12px 20px;
    }

    .footer-bottom {
        text-align: center;
        font-size: 11px;
    }
    /* Logo Carousel Section - Mobile */
    .logo-carousel-section {
        padding: 40px 0;
    }

    .logo-carousel-section .section-title {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .carousel-item {
        padding: 0 10px;
    }

    .carousel-item img {
        max-height: 40px;
    }

    /* Testimonial Section - Mobile */
    .testimonial-section {
        padding: 50px 0;
    }

    .testimonial-section .section-title {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .testimonial-content {
        padding: 25px;
    }

    .testimonial-text {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .author-name {
        font-size: 16px;
    }

    .author-position {
        font-size: 12px;
    }

    /* Custom arrow styles for testimonial slider on mobile */
    .testimonial-section .slick-prev,
    .testimonial-section .slick-next {
        width: 40px;
        height: 40px;
    }

    .testimonial-section .slick-prev {
        left: 2%;
    }

    .testimonial-section .slick-next {
        right: 2%;
    }

    .testimonial-section .slick-prev:before,
    .testimonial-section .slick-next:before {
        font-size: 24px;
    }

    /* Contact Section - Mobile */
    .contact-section {
        padding: 50px 0;
    }

    .contact-section .section-title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .contact-content {
        flex-direction: column;
        gap: 40px;
    }

    .contact-info p {
        font-size: 16px;
    }

    .contact-details {
        margin-top: 30px;
    }

    .contact-item h3 {
        font-size: 16px;
    }

    .contact-item p {
        font-size: 16px;
    }

    .form-group input,
    .form-group textarea {
        padding: 12px 0;
    }

    .btn-submit {
        width: 100%;
        padding: 12px;
    }

    /* Latest News Section - Mobile */
    .latest-news-section {
        padding: 50px 0;
    }

    .latest-news-section .section-title {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .blog-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .blog-image {
        height: 180px;
    }

    .blog-title {
        font-size: 16px;
    }

    .blog-excerpt {
        font-size: 13px;
    }

    /* Hero Section - Mobile */
    .hero-section-wrapper {
        height: 400px;
    }

    .hero-title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .enquire-btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    .header-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .logo {
        margin-bottom: 0;
    }

    .logo img {
        height: 50px; /* Even smaller on mobile */
    }

    .main-nav ul {
        flex-direction: column;
        align-items: center;
    }

    .main-nav li {
        margin: 5px 0;
    }

    .contact-info {
        flex-direction: column;
        align-items: center;
        margin-top: 15px;
    }

    .contact-info a {
        margin: 5px 0;
        margin-left: 0;
    }

    /* Services Grid - Mobile */
    .service-column {
        height: 250px;
    }

    .service-content {
        padding: 20px;
    }

    .service-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .service-buttons {
        margin-bottom: 8px;
    }

    .service-btn {
        padding: 5px 10px;
        font-size: 12px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    /* Adjust hover effects for mobile */
    .service-column:hover .service-title {
        transform: translateY(-10px);
    }

    .service-column:hover .service-details {
        max-height: 120px;
    }

    .service-subtitle {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .service-description {
        font-size: 12px;
        margin-bottom: 10px;
    }

    /* Experience Section - Mobile */
    .experience-section {
        padding: 50px 0;
    }

    .experience-title {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .experience-subtitle {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .experience-text {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .enquire-btn {
        padding: 12px 25px;
        margin-bottom: 40px;
    }

    .partners {
        margin-top: 10px;
        justify-content: flex-start;
    }

    .partners-title {
        font-size: 18px;
    }

    .partner-logos {
        gap: 20px;
    }

    .partner-logo {
        max-height: 40px;
        max-width: 120px;
    }
}

/* Small mobile devices */
@media screen and (max-width: 480px) {
    /* Hero Section - Small Mobile */
    .hero-section-wrapper {
        height: 400px;
    }

    .hero-title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .enquire-btn {
        padding: 8px 18px;
        font-size: 13px;
    }

    .logo img {
        height: 45px; /* Smallest on small mobile */
    }

    .service-column {
        height: 220px;
    }

    .service-content {
        padding: 15px;
    }

    .service-title {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .service-buttons {
        margin-bottom: 6px;
    }

    .service-btn {
        padding: 4px 8px;
        font-size: 11px;
        margin-right: 4px;
        margin-bottom: 4px;
    }

    /* Further adjust hover effects for small mobile */
    .service-column:hover .service-title {
        transform: translateY(-8px);
    }

    .service-column:hover .service-details {
        max-height: 100px;
    }

    .service-subtitle {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .service-description {
        font-size: 11px;
        margin-bottom: 8px;
    }

    .footer-bottom {
        justify-content: center;
    }

    .footer-bottom p {
        padding-right: 20px;
    }

    .footer-content {
        margin-bottom: 40px;
    }
    .blog-title,
    .blog-excerpt {
        margin: 0;
    }

    .partners {
        flex-wrap: wrap;
    }
    .partners-title,
    .partner-logos {
        flex-basis: 100%;
    }
}

@media screen and (max-width: 580px)
{
    .team_img_box, .team_img
    {
        height:auto;

    }

    .home_category_wrap_right .img-card:nth-child(even) img, 
    .home_category_wrap_right .img-card:nth-child(odd) img, 
    .home_category_wrap_left .img-card:nth-child(even) img, 
    .home_category_wrap_left .img-card:nth-child(odd) img
    {
        height:400px;
    }

    .news_wrapper
    {
        width:96% !important;
        margin-left:2%;
        margin-right:2%;
    }

    .news_wrapper .news_box {
        height: 45vw !important;
    }

    .about_card_wrap
    {
        min-height:auto;
    }
    
    .about_card_wrap img
    {
        height:auto;
    }

    .product_image_wrap img
    {
        height:auto;
        width:100%;
    }

    .product_image_wrap
    {
        height:auto;
    }

    .product_detail_head > div, .product_detail_head > div > div, 
    .product_detail_head > div.row > div:nth-child(1)
    {
        width:100% !important;
        --bs-gutter-y:0px;
        --bs-gutter-x:0px;
    }

    .contact_header, .editions_header_img
    {
        height:60vw;
        min-height:60vw;
        margin-top:80px;
    }
}