@media screen and (min-width: 1400px) {
    .secureapp-banner .img3 {
        display: block;
    }

    .secureapp-banner .img1 {
        display: none !important;
    }

    .secureapp-banner .img2 {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .plywood-creative .product-right {
        padding: 20px !important;
    }

    .home-csr {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .home-csr .col-md-3,
    .col-md-9 {
        width: 100% !important;
    }


    .kudumbam-card p {
        margin-top: -12px !important;
    }

    .secureapp-banner .img2 {
        display: none;
    }

    .secureapp-banner .img1 {
        display: none;
    }

    .secureapp-banner .img3 {
        display: block;
    }

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .home-csr {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .home-csr .col-md-3,
    .col-md-9 {
        width: 100% !important;
    }

    #about-menu {
        width: 900px;
        left: 110% !important;
        transform: translateX(-35%);
    }

    #about-menu a.dropdown-item {
        width: 60%;
    }

    #contact-menu {
        width: 900px;
        left: 10% !important;
        transform: translateX(-75%);
    }

    #contact-menu a.dropdown-item {
        width: 60%;
    }

    .mega-menu {
        width: 900px;
        left: 80% !important;
        transform: translateX(-50%);
        background-color: #f9f9f9;
        border-radius: 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }

    .secureapp-banner .img2 {
        display: none;
    }

    .secureapp-banner .img1 {
        display: none;
    }

    .secureapp-banner .img3 {
        display: block;
    }


}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .csr-bg .img1 {
        height: 70vh;
    }

    .blog-bg .img1 {
        height: 70vh;
    }

    .emission {
        display: flex;
        flex-direction: column;
    }

    .emission .d-flex {
        width: 100% !important;
    }

    .emission .col-md-5 {
        display: flex !;
        justify-content: center !important;
        align-items: center !important;
    }

    .emission .col-md-5 img {
        width: 50% !important;
    }


}

@media screen and (min-width: 768px) and (max-width: 1200px) {

    /* .data-table {
        width: 90% !important;
    } */

    .csr-bg .img1 {
        height: 60vh;
    }

    .blog-bg .img1 {
        height: 60vh;
    }

    .serve .serve-container p {
        width: 100% !important;
        font-size: 14px;
    }

    #careerForm .col-md-12 {
        width: 75% !important;
    }

    .serve .serve-container p {
        width: 100%;
    }

    .sharon-teak .row>div {
        width: 100%;
    }

    .veneer-overlay {
        flex-direction: column !important;
        padding: 20px !important;
        text-align: center !important;
    }

    .veneer-overlay div {
        width: 100% !important;
    }

    .sharon-kudumbam .row>div {
        width: 50% !important;
    }

    .sharon-kudumbam .info-card img {
        width: 80% !important;
    }

    .kudumbam-card {
        padding: 20px !important;
    }

    .kudumbam-card p {
        width: 100% !important;
    }

    .sharon-kudumbam .row {
        display: flex;
        flex-direction: column !important;
    }

    .sharon-kudumbam .row .col-md-8 {
        width: 100% !important;
    }

    .sharon-kudumbam .row .col-md-4 {
        width: 50% !important;
    }

    .sovereign-710 .sovereign-left {
        display: flex;
        flex-direction: column;
    }

    .sovereign-710 .sovereign-content {
        width: 100%;
        margin-bottom: 10px;
    }

    .sovereign-710 .sovereign-right {
        width: 100%;
    }

    .emission {
        display: flex;
        flex-direction: column;
    }

    .emission .d-flex {
        width: 100% !important;
    }

    .emission .col-md-5 {
        display: flex !;
        justify-content: center !important;
        align-items: center !important;
    }

    .emission .col-md-5 img {
        width: 50% !important;
    }


    .firesave-banner .img1 {
        height: 70vh;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .secureapp-banner .img1 {
        display: none;
    }

    .secureapp-banner .img3 {
        display: block;
    }

    .about-section .col-lg-4 {
        flex-direction: column;
        justify-content: center !important;
    }
}

@media screen and (min-width: 768px) {
    .career #galleryCarousel2 {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .home .img1 {
        display: none !important;
    }

    .home .img2 {
        display: block !important;
    }

    .serve .serve-container {
        padding: 20px !important;
    }

    .about-section .row {
        margin: 10px !important;
        padding: 10px !important;
    }

    .about-section .col-lg-4 {
        flex-direction: column;
        justify-content: center !important;
    }

    .about-section .img {
        width: 100px !important;
    }

    .contact .img1 {
        display: none !important;
    }

    .contact .img2 {
        display: block !important;
    }

    /* .banner-link {
        position: absolute;
        left: 30px;
        bottom: 320px;
        text-align: left;
        height: 70px !important;
    }

    .banner-link small, a{
        font-size: 12px !important;
    } */


    .career-bg .img1 {
        display: none !important;
    }

    .career-bg .img2 {
        display: block !important;
    }

    .dealers-bg .img1 {
        display: none !important;
    }

    .dealers-bg .img2 {
        display: block !important;
    }

    .testimonial-section .left-content h1 {
        color: #373737;
        font-size: 27px;
    }

    .blog-bg .img1 {
        display: none !important;
    }

    .blog-bg .img2 {
        display: block !important;
    }

    .media-bg .img1 {
        display: none !important;
    }

    .media-bg .img2 {
        display: block !important;
    }

    .video-bg .img1 {
        display: none !important;
    }

    .video-bg .img2 {
        display: block !important;
    }

    .video-overlay {
        position: absolute;
        top: 69%;
        /* Y-position of yellow box inside image */
        left: 80%;
        /* X-position of yellow box inside image */
        width: 32%;
        /* Adjust based on yellow box width */
        height: 23%
    }

    .csr-bg .img1 {
        display: none !important;
    }

    .csr-bg .img2 {
        display: block !important;
    }



    .carousel .carousel-title {
        display: block !important;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center !important;
        align-items: center !important;
        color: white;
        margin-top: -70px !important;
    }

    .carousel .carousel-title h1 {
        font-size: 40px;
        font-weight: bold;
    }

    .carousel .carousel-title p {
        margin-top: 30px !important;
    }

    .product-section>.row .col-md-7 {
        padding: 0 !important;
    }

    .product-section>.row .d-flex {
        gap: 10px !important;
    }

    .product-section .product-tabs {
        justify-content: center;
    }

    .home-about .about-img {
        justify-content: center !important;
        align-items: center !important;
    }

    .serve .serve-container p {
        width: 100%;
    }

    .testimonial-card .testimonial-dots {
        flex-direction: column;
        align-items: start !important;
    }

    .home-video .video-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .empty-year {
        display: none !important;
    }

    .award-card {
        width: 350px;
        font-size: 14px;
    }

    .about-media .media-head {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .about-history .col-lg-3 img {
        height: auto !important;
        margin-top: 10px;
    }

    .tab-buttons {
        flex-direction: column;
        justify-content: center !important;
        align-items: center !important;
        width: 100%;
    }

    .testimonial-section {
        flex-direction: column;
        text-align: center;
    }



    #videoTestimonials>.row {
        width: 100% !important;
        overflow: hidden !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    #textTestimonials>.row {
        width: 100vw !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }


    .video-wrapper {
        width: 100% !important;
        overflow: hidden !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .product-right {
        padding: 20px !important;
    }

    .sharon-door,
    .sharon-teak,
    .sharon-gold,
    .sharon-prima,
    .sharon-platinum,
    .sharon-gold-mr,
    .sovereign-mr,
    .sovereign-film {
        padding: 20px !important;
    }

    .comparison-wrapper {
        width: 100% !important;
        height: 250px !important;
    }


    .veneer-container {
        flex-direction: column;
        align-items: center;
    }

    .veneer-card {
        max-width: 90%;
    }

    .veneer-card.active {
        max-width: 100%;
    }

    .veneer-indicator-img>img {
        bottom: 50px;
        left: 10px;
    }

    .veneer-overlay {
        flex-direction: column !important;
        padding: 20px !important;
        text-align: center !important;
    }

    .veneer-overlay div {
        width: 100% !important;
    }

    .sales .col-md-2 {
        width: 100% !important;
    }

    .career #galleryCarousel {
        display: none;
    }

    .kudumbam-card {
        padding: 20px !important;
    }

    .kudumbam-card p {
        width: 100% !important;
    }


    #careerForm .col-md-12 {
        width: 100% !important;
    }


    .calendar-container {
        flex-direction: column;
        align-items: center;
    }

    .year-list {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        border-right: none;
        border-bottom: 2px solid #ddd;
        padding: 10px 0;
        justify-content: start;
        gap: 10px;
    }

    .year-item {
        min-width: 60px;
        text-align: center;
        white-space: nowrap;
    }

    .data-table {
        width: 100% !important;
    }

    .data-table tbody td {
        width: 50% !important;
    }


    .sovereign-710 .sovereign-right .col-md-6 {
        margin-bottom: 10px;
    }

    .platinumply .img1 {
        display: none;
    }

    .platinumply .img2 {
        display: block;
    }

    .gold .img1 {
        display: none;
    }

    .gold .img2 {
        display: block;
    }

    .gold-mr .img1 {
        display: none;
    }

    .gold-mr .img2 {
        display: block;
    }

    .sovereign .img1 {
        display: none;
    }

    .sovereign .img2 {
        display: block;
    }

    .sovereign-mr-water .img1 {
        display: none;
    }

    .sovereign-mr-water .img2 {
        display: block;
    }

    .sovereign-film-face .img1 {
        display: none;
    }

    .sovereign-film-face .img2 {
        display: block;
    }

    .prima .img1 {
        display: none;
    }

    .prima .img2 {
        display: block;
    }

    .prelam .img1 {
        display: none;
    }

    .prelam .img2 {
        display: block;
    }

    .prelam-practicle .img1 {
        display: none;
    }

    .prelam-practicle .img2 {
        display: block;
    }

    .door .img1 {
        display: none;
    }

    .door .img2 {
        display: block;
    }

    .teak .img1 {
        display: none;
    }

    .teak .img2 {
        display: block;
    }

    .veneer .img1 {
        display: none;
    }

    .veneer .img2 {
        display: block;
    }

    .firesave-banner .img1 {
        display: none !important;
    }

    .firesave-banner .img2 {
        display: block !important;
    }

    .secureapp-banner .img1 {
        display: none !important;
    }

    .secureapp-banner .img2 {
        display: block !important;
    }

    .secureapp-banner .img3 {
        display: none !important;
    }

    .firesave {
        max-width: 100vw !important;
        overflow-x: scroll !important;
    }

    .e-zero {
        display: flex;
        flex-direction: column;
    }

    .secure-app {
        padding: 10px !important;
    }


    /* Footer section style */
    footer .copyright {
        flex-direction: column;
    }

    footer .copyright .list-unstyled {
        gap: 5px !important;
    }
}



@media screen and (max-width: 435px) {
    .about-history .col-lg-3 img {
        height: 400px !important;
    }

    footer .copyright>.d-flex {
        flex-direction: column !important;
        gap: 10px !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    #products .tab-buttons {
        width: 75% !important;
        padding: 20px !important;
    }
}