@media screen and (max-width: 1279.98px) {
    .grid-view .right-content,
    .building-sustainable-future-section .grid-view .right-content,
    .product-service-section .grid-view .right-content {
        padding: 60px 40px;
    }
}

@media screen and (max-width: 1199.98px) {
    .text-lg{font-size: 42px !important;}
    .block-title h2 {font-size: 36px;}
    .hero-content h2, .banner-content h2{font-size: 42px;}
    .century-excellence-inner{gap: 30px;}
    .century-excellence-section .left-content,
    .century-excellence-section .right-content {max-width: 50%;}
    .product-section, .why-choose-section, .our-story-section, .content-section, .our-service-section,
    .products-list-section, .what-you-need-section, .products-details-section {padding: 70px 0;}
    .product-card{padding: 24px;border-radius: 14px;}
    .product-img{height: 120px;width: 120px;}
    .product-details h3, .news-header h2{font-size: 34px;}
    .product-details span{font-size: 18px;margin-bottom: 16px;}
    .product-details p{margin-bottom: 24px;}
    .section-btn{margin-top: 70px;}
    .grid-view .right-content{padding: 60px 44px;}
    footer{padding: 50px 0;}
    .ourstory-section, .about-section, .contact-form-section{padding-bottom: 70px;}
    .about-inner{gap: 40px;}
    .about-inner .left-content, .about-inner .right-content{max-width: calc(50% - 20px);}
    .our-story-inner{gap: 40px;}
    .content-wrapper p:not(:last-of-type) {margin-bottom: 20px;}
    .news-section .product-img{width: 120px;height: 120px;}
    .our-service-section .block-title h2{margin-bottom: 24px;}
    .services-list{gap: 40px;}
    .services-list li {width: calc(50% - 20px);}
    .services-list li h3, .products-details h3{font-size: 28px;}
    .products-title{font-size: 50px;}
    .what-you-need-inner{text-align: center;}
    .what-you-need-inner h5{margin-bottom: 25px;}
    .what-you-need-inner p{font-size: 24px;}
    .what-you-need-inner .btn-groups{justify-content: center;}
    .products-details-heading{margin-bottom: 60px;}
    .products-details-heading  h2{font-size: 70px;}
    .products-details-listing{gap: 50px;}
    .products-details-info{padding: 40px;}
    .products-details-info h3{font-size: 34px; margin-bottom: 14px;}
    .products-details-info p{font-size: 18px;line-height: 1.5; margin-bottom: 14px;}
    .news-wrapper{flex-wrap: wrap;gap: 30px;}
    .news-left-part, .news-right-part{width: 100%;}
    .news-info{gap: 12px;}
    .news-right-part{padding: 0;}
}

@media screen and (max-width: 991.98px) {
    .navbar-collapse{position: absolute;z-index: 100;top: 120px;right: 0;width: 100%;border-radius: 0px 0 0 15px; background-color: var(--white);max-width: 266px; border: 1px solid var(--primary);}
    header .navbar-nav{align-items: normal;}
    header .navbar-nav .nav-item{border-bottom: 1px solid var(--primary);}
    header .navbar-nav .nav-link.active, header .navbar-nav .nav-link:hover{background-color: rgba(97, 69, 0, 0.2);}
    header .navbar-nav .nav-link,header .nav-item:last-child .nav-link{padding: 24px !important; text-align: center;}
    header .btn-primary{display: flex; align-items: center; justify-content: center; margin: 24px auto;}
    header .navbar-nav .custom-nav-dropdown, header .nav-item:last-child .custom-nav-dropdown{display: block;padding-bottom: 10px !important;}
    header .navbar-nav .custom-nav-dropdown + a, header .nav-item:last-child .custom-nav-dropdown + a{display: block; padding: 5px !important;}
    .btn.btn-lg{padding: 14px 38px;}
    .text-lg{font-size: 36px !important;}
    .block-title, .why-choose-section .block-title{margin-bottom: 50px;}
    .block-title h2{font-size: 34px;}
    .grid-view .right-content,
    .building-sustainable-future-section .grid-view .right-content,
    .product-service-section .grid-view .right-content {padding: 50px 15px 50px 30px;}
    .product-section .section-btn{margin-top: 40px;}
    .century-excellence-section{min-height: auto;padding: 70px 0;}
    .century-excellence-inner{gap: 16px;}
    .customer-service-inner ul{gap: 12px;}
    .customer-service-inner li{width: calc(50% - 6px);}
    .our-specialty-img{width: 56px;height: 56px;border-radius: 8px;}
    .our-specialty h3{font-size: 24px;}
    footer{padding: 30px 0;}
    .footer-inner{flex-direction: column; gap: 12px;}
    .about-inner{flex-wrap: wrap;}
    .about-inner .left-content, .about-inner .right-content{max-width: 100%;width: 100%;}
    .about-inner .right-content .block-title p{max-width: 100%;}
    .about-section .content-wrapper{margin-top: 10px;}
    .content-wrapper p:not(:last-of-type){margin-bottom: 10px;}
    .our-story-inner{flex-wrap: wrap;}
    .our-story-inner .right-content{max-width: 100%;}
    .our-story-section .section-btn, .content-section .section-btn, .ourstory-section .section-btn{margin-top: 30px;}
    .news-section .product-img{width: 100px;height: 100px;}
    .news-section .product-details h3{font-size: 20px;}
    .news-section .product-details p{font-size: 16px;}
    .building-sustainable-future-section nav{margin-bottom: 50px;}
    .products-title {font-size: 40px;}
    .products-details{gap: 18px;}
    .products-details-heading  h2 {font-size: 54px;}
    .products-details-heading {margin-bottom: 40px;}
    .products-details-info{padding: 35px;}
    .products-details-info h3{font-size: 28px;}
    .specification-part h4{font-size: 22px;margin-bottom: 10px;}
}

@media screen and (max-width:767.98px) {
    .btn-groups{gap: 10px;}
    .btn.btn-lg{padding: 14px 33px;}
    .block-title {margin-bottom: 30px;}
    .block-title h2, .contact-today-section .block-title h2, .building-sustainable-future-section .block-title h2,
    .product-service-section .block-title h2{font-size: 30px;}
    .text-lg{font-size: 30px !important;}
    .block-title p{font-size: 16px;}
    .grid-view .left-content,.grid-view .right-content {width: 100%;}
    .grid-view .right-content, .building-sustainable-future-section .grid-view .right-content,
    .product-service-section .grid-view .right-content {padding: 50px 15px;}
    .grid-view .right-content {text-align: center;}
    .grid-view .block-title{text-align: center;}
    .navbar-collapse{top: 50px;}
    .hero-section{padding-top: 50px;}
    .hero-content{gap: 32px;}
    .hero-img{margin: 45px -15px 0;}
    .hero-img img{width: 100%;}
    .hero-content h2, .banner-content h2{font-size: 34px;}
    .century-excellence-inner{flex-wrap: wrap;}
    .century-excellence-section .left-content, .century-excellence-section .right-content{max-width: 100%;}
    .century-excellence-section .block-title h2, .century-excellence-section .block-title p{text-align: center;}
    .century-excellence-section .block-title p:not(:last-of-type){margin-bottom: 40px;}
    .century-excellence-section .btn-groups{justify-content: center;}
    .century-excellence-section .right-content p{display: none;}
    .product-section, .why-choose-section, .our-story-section, .century-excellence-section,
    .about-section, .content-section, .ourstory-section, .banner-section, .our-service-section, .products-list-section,
    .what-you-need-section, .products-details-section, .news-section, .contact-form-section {padding: 50px 0;}
    .why-choose-section .block-title {margin-bottom: 40px;}
    .customer-service-inner ul{text-align: start;justify-content: center;}
    .customer-service-inner li{width: calc(40% - 6px);}
    .our-specialty{text-align: center;align-items: center; margin-bottom: 34px;}
    .why-choose-section .section-btn{margin-top: 10px;}
    .footer-inner ul{flex-wrap: wrap; gap: 0 20px; justify-content: center;}
    .footer-right{text-align: center;}
    .content-inner{flex-wrap: wrap;gap: 12px;}
    .content-box{width: 100%; text-align: start;gap: 12px;text-indent: 30px;}
    .grid-full .grid-2, .grid-full .grid-50{width: 100%;}
    .building-sustainable-future-section .grid-view{flex-direction: column-reverse;}
    .banner-section{height: auto;}
    .services-list{gap: 24px;}
    .services-list li{width: 100%;}
    .services-list li h3, .products-details h3{font-size: 24px;}
    .services-list li p{font-size: 16px;}
    .what-you-need-inner p{font-size: 18px;}
    .products-list-wrapper{flex-wrap: wrap;}
    .products-box{width: 100%;}
    .products-title{font-size: 30px;}
    .products-details{gap: 14px;}
    .products-details-heading  h2 {font-size: 44px;}
    .products-details-heading p{font-size: 20px;}
    .products-details-inner{flex-wrap: wrap;gap: 20px;}
    .products-details-img, .products-details-info{width: 100%;}
    .products-details-info{padding: 30px;}
    .products-details-listing{gap: 36px;}
    .news-info{gap: 10px;}
    .more-news-section li{gap: 18px;margin-bottom: 20px;padding-bottom: 20px; align-items: start;}
    .more-news-img{width: 100px; height: 80px;}
    .contact-form-wrapper{margin-top: 40px; flex-wrap: wrap;gap: 26px;}
    .contact-left, .contact-right{width: 100%;}
    .contact-left .block-title{margin-bottom: 24px;}
    .contact-form-wrapper ul{gap: 12px;}
    .product-service-section .grid-view .right-content,.product-service-section .grid-view .block-title{text-align: start;}

    .gallery-section{padding: 50px 0;position: relative;}   
    .gallery-section .thumb-swiper{position: absolute;top: 50%;transform: translateY(-50%);left: 15px;right: 15px;z-index: 99;}
    .gallery-section .swiper-button-next, .gallery-section .swiper-button-prev{background-image: url(../images/gallery/left-arrow.png);width: 40px;height: 40px;top: 50%;transform: translateY(-50%);margin-top: 0;}
    .gallery-section .swiper-button-next{transform: translateY(-50%) rotate(180deg);}
    .gallery-section .swiper-button-next:after, .gallery-section .swiper-button-prev:after{font-size: 0;}
    .gallery-section .swiper-pagination{position: relative;bottom: 0;margin-top: 10px;}
    .gallery-section .mobile-nav{height: 75vh;padding: 30px 0;}
}
@media screen and (max-width:575.98px) {

}


/* New CSS For Dropdown */
@media screen and (max-width: 991.98px) {
    .navbar-collapse {overflow: hidden;}
    .dropdown-menu{text-align: center; border-radius: 0; border: 0; border-top: 1px solid rgba(0,0,0,.15);}
    .dropdown-menu[data-bs-popper]{margin: 0;}
    .dropdown-item {padding: 10px 24px;}
}