@media screen and (min-width: 2000px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: calc(100% - 400px); }
.header .logo { width: 240px; }
.banner .title { font-size: 100px; margin-bottom: 45px; }
.banner .banner-content p { font-size: 27px; }
.header.bg .desktop-menu .navar-nav li a { font-size: 18px;}
.desktop-menu .menu li a { font-size: 20px; }
.desktop-menu .menu li { margin: 0px 30px; }
.lighting-experts .section-subtitle { font-size: 75px; }
.lighting-experts p { font-size: 20px; }
.read-more span { font-size: 16px; }
.product-div .big-title { font-size: 170px; position: absolute; left: 124px; top: 40px; }
.product-div .pro-text .pro-name { font-size: 60px; }
.lighting-experts .box .card .card-img { height: 95px; }
.recent-projects .work-img { height: 450px; }
.recent-projects .work-img .overlay-text .subtitle { font-size: 38px; }
.recent-projects .work-img .overlay-text p { font-size: 18px; }
.enquiry .contact-text .title { font-size: 45px; }
.enquiry .contact-text p { font-size: 26px; }
.enquiry .contact-text .link-wrapper a { font-size: 22px; }
.enquiry .contact-text .link-wrapper a img { width: 29px; }
.our-client .client-slider .img-box { height: 135px; }
.lighting-experts .box .card .subtitle { font-size: 22px; }
.lighting-experts .box .read-more span { font-size: 20px;}
.header.bg .logo { width: 45px; }
.header.bg .button { padding: 10px 22px; }
.header.bg .button .text span { font-size: 12px;}
.header.bg { padding: 10px 0; }
.header.bg .mega-menu .navar-nav li a { font-size: 15px; }
.button { padding: 16px 34px; }
.header.bg .hamburger .text { font-size: 14px; }
.hamburger .text { font-size: 17px; }
.header .logo img.logo-icon { width: 200px; }
.lighting-experts .box .card .title .counter-value , .lighting-experts .box .card .title { font-size: 70px; }
.address-title { font-size: 18px; }
.contact-us .right p { font-size: 25px; }
.tree-img { left: 21%; width: 470px;}
.career-page .section-subtitle { font-size: 26px; }
.vision-cont .mission-bx p { font-size: 24px; }
.pswp__caption__center { font-size: 30px!important; }
.product-div .pro-text .pro-name { margin-bottom: 25px; }
.product-div .pro-text .border-button { margin-top: 25px; }
.product-div .pro-text .border-button { margin-bottom: 25px; }
.enquiry .contact-img { width: 90%;}
.swiper-pagination-progress .swiper-button-next, .swiper-pagination-progress .swiper-button-prev { width: 60px; height: 60px; }
body p { font-size: 20px; margin-bottom: 25px; }
.form-control { font-size: 18px; }
.button span { font-size: 18px; }
.read-more span { font-size: 18px; }
.section-title { font-size: 22px; }
.section-subtitle { font-size: 40px; }
.header .right .lang { width: 35px; height: 35px; }
.header .right .social li a { width: 35px; height: 35px; }
.desktop-menu .navar-nav li a{font-size: 18px;}
.lighting-experts .section-title { margin-bottom: 25px; }
.lighting-experts .section-subtitle { font-size: 60px; margin-bottom: 25px; }
.lighting-experts p { font-size: 20px; line-height: 1.6; }
.enquiry .img-box .info .title { font-size: 140px; }
.enquiry .img-box .info p { font-size: 32px; }
.enquiry .img-box .info .link-wrapper a { font-size: 32px; }
.insta-feeds .section-title a { width: 24px; }
.footer-space { height: 825px; }
.footer .title { font-size: 50px; margin-bottom: 40px; }
.footer .quick-links { margin-bottom: 100px; }
.footer .quick-links li a { font-size: 19px; }
.footer .address-bx p , .footer .address-bx ul li a { font-size: 19px; }
.footer .footer-title { font-size: 21px; margin-bottom: 30px; }
.footer .address-bx p { font-size: 20px; }
.copy { margin-top: 60px; }
.footer .country { font-size: 20px; }
.footer address { font-size: 22px; }
.footer .connect a { font-size: 20px; }
.footer .social li a { width: 45px; height: 45px; }
.copy p, .copy p span, .copy p a { font-size: 17px; }

.inner-banner { padding: 310px 0 230px; }
.inner-banner .title { font-size: 68px; }
.inner-banner p { font-size: 32px; }

.py-80 { padding-top: 100px; padding-bottom: 100px;}
.who-we-are p { font-size: 20px; }
.clients-sec .section-subtitle { font-size: 22px;}
.team { padding: 150px 0; }
.team .team-box .name { font-size: 34px; }
.team .team-box .designation { font-size: 22px; }

.team-modal { --info-padding: 60px }
.team-modal .modal-lg { --bs-modal-width: 1440px; }
.team-modal .modal-body .bio-wrapper .info .name { font-size: 54px; }
.team-modal .modal-body .bio-wrapper .info .designation { font-size: 22px; }
.team-modal .modal-content .linkedin { width: 35px; }
.team-modal .modal-body .bio-wrapper .info h6 { font-size: 30px; }
.team-modal .modal-body .bio-wrapper .info p { font-size: 22px; }
.team-modal .modal-body .btn-close { width: 30px; height: 30px; background-size: 20px; }

.about-us .right p { font-size: 22px; }
.our-expertise .nav li button { font-size: 50px; }
.our-expertise .tab-content p { font-size: 24px; }
.our-products .product-list li .media .media-body { padding: 120px; }
.our-products .product-list li .media .media-body .title { font-size: 110px; }
.our-products .product-list li .media .media-body .subtitle { font-size: 56px; }
.our-products .product-list li .media .media-body p { font-size: 24px; }
.our-products .product-list li .media .media-img .prod-modal { font-size: 140px; }

.projects .project-list .card .card-body .title { font-size: 46px; }
.projects .project-list .card .card-body p { font-size: 24px; }

.contact-us .left .title { font-size: 80px; }
.contact-us .left .address-bx p , .contact-us .left .address-bx ul li a { font-size: 20px; line-height: 1.3; }

/*services page*/
.services-sec.product-div .pro-text .section-subtitle { font-size: 65px; }
.services-list-sec .section-title-grp .section-subtitle { font-size: 24px; }
.service-container .services-text .section-subtitle { font-size: 28px; }
.recent-projects .project-bx .work-img { height: 280px; }
.header.bg .logo img.sticky-logo-icon { width: 58px;}
.vision-cont.py-80 {padding: 150px 0px;}
.clients-sec ul { gap: 40px; }
.recent-projects .nav-tabs .nav-item button { font-size: 20px; padding: 16px 30px; }
.recent-projects .section-subtitle { font-size: 40px; }
.recent-projects .section-title-grp .section-subtitle { font-size: 20px; }
.recent-projects .project-bx .overlay-text .subtitle { font-size: 26px; margin-bottom: 15px; }
.recent-projects .project-bx .overlay-text p { font-size: 18px; }
.contact-us form .button .text p { font-size: 18px; }
.contact-us .left .address-bx li .address-icon { height: 80px; width: 80px; margin-bottom: 25px; }
.contact-us .left .address-bx li .address-icon img { width: 24px;}
.form-control { font-size: 19px; }
.contact-us .right p { font-size: 22px; }


}


@media screen and (max-width: 1700px)
 {
.container { max-width: calc(100% - 200px); }
.who-we-are .container { max-width: calc(100% - 200px); }
.our-client .section-title-grp { margin-bottom: 60px; }
.copy { margin-top: 70px; }
.footer .title { font-size: 36px; }
.recent-projects .project-bx .work-img { height: 210px; }

}

@media screen and (max-width: 1500px) 
{
.lighting-experts .section-subtitle { font-size: 55px; }
.lighting-experts .box .card .title .counter-value { font-size: 65px; }
.enquiry .contact-text .title { font-size: 35px; }
.container { max-width: calc(100% - 100px);}
.footer .title { font-size: 40px; }
.copy { margin-top: 70px; }

}

@media screen and (max-width: 1440px) {
.container , .who-we-are .container { max-width: calc(100% - 100px); }
.header.bg .logo { width: 30px; }
.banner .title { font-size: 70px; margin-bottom: 30px; }
.banner .banner-content .button { padding: 15px 30px; }
.header .logo { width: 140px;}
.button { padding: 12px 23px; }
.lighting-experts .section-subtitle { font-size: 52px; }
.lighting-experts .box .card .title .counter-value , .lighting-experts .box .card .title { font-size: 70px; }
.lighting-experts .box .card .subtitle { font-size: 18px; }
.lighting-experts p { font-size: 16px; }
.lighting-experts .about-text {padding: 0px 20px 0px 20px; }
.recent-projects .work-img .overlay-text { padding: 20px 20px; }
.recent-projects .work-img .overlay-text .subtitle { font-size: 25px; }
.recent-projects .work-img .overlay-text p{ font-size: 13px; }
.our-client .client-slider .img-box { height: 80px; padding: 10px; }
.our-client .swiper .swiper-slide { margin: 0px 12px!important; }
.our-client .client-slider1 { margin-bottom: 25px; }
.enquiry .contact-text .title { font-size: 35px; margin-bottom: 20px; }
.footer .title { font-size: 35px; }
.copy { margin-top: 60px; }
.enquiry .contact-text p { font-size: 18px; }
.product-div .big-title { font-size: 90px; }
.desktop-menu .navar-nav li { margin: 0px 14px; }
.desktop-menu .navar-nav li a { font-size: 15px;}
.header.bg .desktop-menu .navar-nav li a { font-size: 14px; }
.vision-cont .mission-bx .icon-bx { width: 120px; height: 120px; }
.vision-cont .mission-bx .icon-bx img { width: 80px; }
.section-subtitle { font-size: 30px; }
.carrer-images { margin-top: 10px; }
.tree-img { left: 14%; }
.contact-us .left .address-bx li { padding-right: 0px;}
.contact-us .left .address-bx { margin-bottom: 50px; }
.clients-sec ul li { height: 100px; }
.vision-cont.py-80 { padding: 70px 0px; }
.inner-banner {position: relative;padding: 220px 0 150px;}
.inner-banner .title { font-size: 55px; }
.py-80 { padding-top: 70px; padding-bottom: 70px;}
.recent-projects .project-bx .work-img { height: 190px; }
.recent-projects .project-bx .overlay-text .subtitle { font-size: 20px; }
.recent-projects.py-80 { padding-bottom: 50px;}
.service-container { padding: 28px; }
.recent-projects .section-subtitle { margin-bottom: 12px; }
.contact-us .left .address-bx .social li a { padding: 9px; }
.our-client .section-title-grp p { font-size: 18px;}
.product-div .pro-text .pro-name { font-size: 45px; }
.lighting-experts .section-subtitle { font-size: 50px;}
.lighting-experts .box .card .title .counter-value { font-size: 55px;}
.form-group { margin-bottom: 25px; }
.footer .footer-title { font-size: 16px; }

}

@media screen and (max-width: 1366px)
 {
.desktop-menu .navar-nav li { margin: 0px 14px; }
.container , .who-we-are .container , .vision-cont .container{ max-width: calc(100% - 50px); }
.scroll-text .text-wrapper .left, .scroll-text .text-wrapper .right { font-size: 100px; }
.inner-banner .title { font-size: 45px;}
.inner-banner { padding: 210px 0px 150px; }
.py-80 { padding-top: 70px; padding-bottom: 70px; }
.recent-projects .work-img { height: 250px; }
.services-sec .pro-text {margin-top: 0px; }
.services-sec.product-div .pro-text .section-subtitle { font-size: 45px; }
.service-container .service-img { height: 220px; }
.service-container { padding: 25px; }
.recent-projects .section-subtitle { font-size: 30px; }
.recent-projects .project-bx { padding: 25px; }
.recent-projects .section-title-grp .section-subtitle { font-size: 18px; }
.recent-projects .section-title-grp .section-subtitle { margin-bottom: 50px; }
.header .logo img.logo-icon { width: 140px;}
.lighting-experts, .py-80 , .product-div , .our-client { padding-top: 80px; padding-bottom: 80px; }
.product-div .pro-text .pro-name { font-size: 38px; }
.our-client .section-title-grp { margin-bottom: 50px;}
.our-client .btn-wrap { margin-top: 60px; }
.enquiry .contact-text .title { font-size: 30px; }
.lighting-experts .section-subtitle, .lighting-experts .box .card .title .counter-value{ font-size: 45px; }
.lighting-experts .box .card .subtitle { font-size: 16px; }
.footer { padding-top: 70px; }
.copy { margin-top: 50px; }
.copy { padding: 18px 0px; }
.footer .title { font-size: 28px;}
.inner-banner { padding: 210px 0px 140px;}
.section-subtitle { font-size: 28px; }
.hero-text { font-size: 18px; }
body p { letter-spacing: 0.1px;}
.recent-projects .nav-tabs { margin-bottom: 40px; }
.contact-us .right .img-bx { width: 75%; margin: auto;}
.who-we-are .about-text { padding-right: 00px;}
}

@media screen and (max-width: 1280px) {
.header.bg .logo img.sticky-logo-icon { width: 30px; }
.header.bg .logo img.logo-icon { width: 106px;}
.desktop-menu .navar-nav li a { font-size: 15px; }
.button { padding: 11px 25px;}
.banner .banner-content .button { padding: 12px 25px; }
.banner .title { font-size: 55px; margin-bottom: 20px; }
.lighting-experts { padding: 80px 0px 40px 0px; }
.lighting-experts .box .card { margin-bottom: 50px; }
.scroll-text .text-wrapper .left, .scroll-text .text-wrapper .right { font-size: 80px; }
.product-div { padding: 70px 0px 50px 0px; }
.product-div .pro-text .pro-name { font-size: 38px;}
body p { font-size: 15px; }
.our-client { padding: 60px 0px; }
.enquiry { padding: 20px 0px 70px 0px; }
.enquiry .contact-text .title { font-size: 32px; }
.enquiry .contact-text p { font-size: 16px; margin-bottom: 15px; }
.enquiry .contact-text .link-wrapper a { font-size: 16px; }
.insta-feeds { padding: 40px 0 0 0; }
.swiper-pagination-progress .swiper-button-next,
.swiper-pagination-progress .swiper-button-prev { width: 50px; height: 50px; }
.our-client .section-title-grp { margin-bottom: 50px; }
.button span { font-size: 13px; }
.footer .title { font-size: 35px; }
footer { padding: 60px 0 0;}
.footer .title { margin-bottom: 20px; }
.footer .quick-links li a { font-size: 15px; padding: 0px 0px 6px 0px; margin-bottom: 6px; }
.footer .address-bx ul li a { font-size: 15px; margin-bottom: 7px; }
.footer .social li a { width: 35px; height: 35px; padding: 7px; }
.footer .social li { margin-right: 9px; }
.copy { margin-top: 60px; padding: 15px 0px; }
.carrer-intro .carrer-images .career-img-bx { margin: 20px 0px; }
.carrer-intro .carrer-images .career-img-bx.career-img-bx2 { margin-left: auto;}
.carrer-intro .carrer-images .career-img-bx1 { width: 100%; }
.recent-projects .work-img .overlay-text .subtitle { font-size: 22px; }
.services-sec { height: 80vh; }
.services-sec.product-div .pro-text p { font-size: 15px; }
.services-sec.product-div .pro-text .section-subtitle { font-size: 35px; margin-bottom: 15px; }
.footer { padding-top: 70px; }
.services-list-sec .section-title-grp .section-subtitle { font-size: 18px; }
.service-container .service-img { height: 200px; }
.lighting-experts .section-subtitle { font-size: 45px; }
.lighting-experts .box .card .title .counter-value, .lighting-experts .box .card .title { font-size: 50px;}
.lighting-experts .box .card .card-img { height: 62px; }
.footer .footer-title { font-size: 15px; margin-bottom: 15px; }
.footer .title { font-size: 30px; }
.ceo-msg-cont.py-80 { padding-top: 70px;padding-bottom: 70px;}
.ceo-msg-cont .right { padding-left: 20px;}
.recent-projects .nav-tabs { margin-bottom: 40px; }
.inner-banner .title { font-size: 40px;}
.lighting-experts, .py-80 , .product-div , .our-client { padding-top: 70px; padding-bottom: 70px; }
.footer .title { font-size: 26px; margin-bottom: 25px; }
.copy { margin-top: 50px; }
.ceo-msg-cont { margin-bottom: 60px; }
.recent-projects .project-bx .work-img { height: 160px; }
.recent-projects .section-title-grp .section-subtitle { font-size: 16px; }
.contact-us .right .img-bx { width: 65%; }
}

@media screen and (max-width: 1199px) {
.desktop-menu .navar-nav li { margin: 0px 10px;}
.header .logo img.logo-icon { width: 120px; }
.lighting-experts .section-subtitle { font-size: 35px; line-height: 1; }
body p { margin-bottom: 20px; }
.lighting-experts .about-text { padding: 0px; margin-bottom: 50px;}
.lighting-experts .box .card .title .counter-value, .lighting-experts .box .card .title { font-size: 38px; }
.lighting-experts .box .card .card-img { height: 60px; }
.lighting-experts .box .card .subtitle { font-size: 16px; }
.lighting-experts .box .card { margin-bottom: 20px;}
.product-div .pro-text { padding: 0px 20px 0px 0px;}
.product-div .pro-text .pro-name { font-size: 32px; }
.enquiry .contact-text .title { font-size: 26px; }
.footer .title{font-size: 28px;}
.footer { padding: 50px 0 0; }
.footer .social li { margin-bottom: 10px;}
.inner-banner .title { font-size: 40px; }
.inner-banner { padding: 190px 0px 130px; }
.section-title { font-size: 18px; }
.footer .title { font-size: 24px; }
.section-title { font-size: 16px; }
.swiper-pagination-progress .swiper-button-next, .swiper-pagination-progress .swiper-button-prev { width: 45px; height: 45px; }
.section-subtitle { font-size: 24px; }
.vision-cont .mission-bx p { font-size: 18px; }
.desktop-menu .menu li { margin: 0px 18px; }
.desktop-menu .menu li a { font-size: 15px; }
.recent-projects .nav-tabs .nav-item button {padding: 10px 22px;font-size: 15px;}
.recent-projects .nav-tabs { margin-bottom: 30px; }
.recent-projects .section-subtitle { font-size: 26px; }
.recent-projects .section-title-grp .section-subtitle { margin-bottom: 40px;}
.contact-us .right .img-bx { width: 80%; }
textarea.form-control { height: 120px;}
.form-control { font-size: 14px; }

}

@media screen and (max-width: 1024px) {
.header .button { margin-left: 7px;}
.header .button { padding: 7px 17px; }
.desktop-menu .navar-nav li { margin: 0px 12px; }
.header.bg .desktop-menu .navar-nav li a { font-size: 14px;}
.recent-projects .work-img .overlay-text .subtitle { font-size: 17px; }
.recent-projects .work-img { height: 200px; }
.recent-projects .work-img .overlay-text { top: 15px; left: 15px; width: calc(100% - 30px ); height: calc(100% - 30px );}
.recent-projects .work-img .overlay-text { padding: 15px; }
.clients-sec ul li { height: 80px; padding: 10px;}
.clients-sec .section-subtitle { font-size: 20px; }
.section-subtitle { font-size: 28px; }
.recent-projects .section-subtitle { margin-bottom: 40px; }
.contact-us .left .address-bx { padding-bottom: 40px; margin-bottom: 40px;}
.section-title { font-size: 16px; }
.copy { margin-top: 40px; }
.inner-banner .title { font-size: 45px;}
.inner-banner { padding: 170px 0px 90px;}
.section-subtitle { font-size: 26px;}
.vision-cont .mission-bx p { font-size: 18px; }
.ceo-msg-cont .right { padding-left: 10px;}
.ceo-msg-cont.py-80 { padding-top: 60px;padding-bottom: 60px;}
.hero-text { font-size: 17px;}
.section-subtitle { margin-bottom: 24px; margin-bottom: 20px; }
.py-80 { padding-top: 60px;padding-bottom: 60px;}
.service-container { padding: 20px;}
.service-container { border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
.service-container .service-img { border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.service-container .services-text .section-subtitle { font-size: 21px; }
.recent-projects .section-subtitle { margin-bottom: 15px;}
.our-client .client-slider .img-box { height: 60px; }
.swiper .swiper-pagination .swiper-pagination-bullet-active::after { width: 80px; }
.swiper .swiper-pagination .swiper-pagination-bullet-active { margin-right: 100px; }
.footer .address-bx p, .footer .quick-links li a , .footer .address-bx ul li a { font-size: 14px; }
.copy p, .copy p span, .copy p a { font-size: 13px; }
.banner .swiper .swiper-pagination { bottom: 40px;}
.copy p, .copy p span, .copy p a { font-size: 12px; }
.contact-us .right p { font-size: 18px; }
.inner-banner .title { font-size: 40px; }
.desktop-menu .menu li a { font-size: 15px; }
.desktop-menu .menu li { margin: 0px 15px; }
.swiper-pagination-progress .swiper-button-next, .swiper-pagination-progress .swiper-button-prev { padding: 14px; }
.enquiry .contact-text .title { font-size: 24px; }
.section-subtitle {font-size: 22px;}
.vision-cont .mission-bx p { font-size: 17px; }
.clients-sec .section-title-grp { margin-bottom: 35px; }
.lb-container, .lb-outerContainer { width: 800px!important; height: 800px;}
.clients-sec ul { grid-template-columns: repeat(4, 1fr); gap: 28px; }

}

@media screen and (max-width: 991px) 
{
.header.bg .button { padding: 7px 18px; }
.header.bg .logo img.sticky-logo-icon { width: 25px; }
.header.bg .button span { font-size: 11px; }
.header .logo img.logo-icon { width: 100px; }
.hamburger { display: flex;}
.desktop-menu { display: none;}
.mega-menu { position: fixed; width: 100%; height: 100%; left: 0; bottom: 0; padding: 0; z-index: 11; clip-path: inset(0% 0% 0% 100%); background: rgb(0 0 0 / 50%); backdrop-filter: blur(5px); }
.mega-menu.inactive { animation: closeMenu 0.5s forwards; }
.mega-menu.active { animation: openMenu 0.5s forwards; }
.mega-menu .navar-nav { height: 100%; background: #fff; padding-top:80px; width: 350px; display: flex; align-items: center; flex-direction: column; justify-content: flex-start;}
.mega-menu .navar-nav li:first-child { border-top: 0px;}
.mob-menu { display: block;}
.mega-menu .box { display: flex; flex-flow: row wrap; align-items: center; width: 30%; height: 100%; padding: 45px 30px; background: #fff; }
.mega-menu .container { max-width: 100%; }
.mega-menu .img-box { width: 100%; aspect-ratio: 1.7; clip-path: polygon(40px 0%, 100% 0%, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0% 40px); overflow: hidden; margin-bottom: 40px; }
.mega-menu .img-box img { object-fit: cover; }
.mega-menu .info .title { font-size: 44px; font-weight: 500; font-family: 'HK Grotesk Wide'; text-transform: uppercase; letter-spacing: 1px; }
.mega-menu .navar-nav li { width: 100%; border-top: 1px solid #d9d8d8; }
.mega-menu .navar-nav li a { width: 100%; font-size: 18px; font-family: 'HK Grotesk Wide'; line-height: 1; font-weight: 500; text-transform: uppercase; color: #000; padding: 25px; position: relative; transition: var(--all-medium); }
.mega-menu .navar-nav li a:hover { color: var(--red); opacity: 1; }
.mega-menu .navar-nav li a img { position: absolute; right: 0; top: 0; width: auto; height: 200%; aspect-ratio: 1; transform: rotate(-10deg) translateX(30px) translateY(-30px); opacity: 0; transition: var(--all-medium); pointer-events: none; }
.mega-menu .navar-nav li a:hover img { transform: rotate(10deg) translateX(0) translateY(0); transform-origin: center center; opacity: 1; }
.mega-menu .navar-nav li:last-child { border-bottom: 1px solid #d9d8d8; }
@keyframes openMenu {
from { clip-path: inset(0% 100% 0% 0%);
}
to { clip-path: inset(0% 0% 0% 0%);
}
}

@keyframes closeMenu {
from { clip-path: inset(0% 0% 0% 0%);
}
to { clip-path: inset(0% 0% 0% 100%);
}
} 
.banner .title { font-size: 47px; }
.banner .banner-content p{ width: 100%; }
.lighting-experts .section-subtitle { font-size: 35px; }
.lighting-experts .box .read-more span { font-size: 15px; }
.lighting-experts p { font-size: 15px; }
.section-title { font-size: 14px; }
.section-title::before { width: 40px; }
.lighting-experts .box .card .title .counter-value, .lighting-experts .box .card .title{ font-size: 40px; }
.lighting-experts .box .card .subtitle { font-size: 14px; }
.lighting-experts .box .card .card-img { height: 50px; margin-bottom: 10px; }
.product-div .pro-text .pro-name, .product-div .pro-text p{ margin-bottom: 10px; }
.enquiry { padding: 10px 0px 60px 0px; }
.footer .left { margin-bottom: 30px; }
.header.bg { padding: 6px 0px; }
.copy { margin-top: 30px; padding: 13px 0px;}
.copy p, .copy p span { font-size: 12px; }
.footer .address-bx p { font-size: 14px; margin-bottom: 10px; }
.footer .quick-links li a { font-size: 14px; margin: 0px 0px 2px 0px;}
.footer .footer-title { font-size: 15px; margin-bottom: 12px; }
.our-client .client-slider .img-box { height: 70px; }
.inner-banner { padding: 150px 0px 90px;}
.contact-us .left .address-bx p , .contact-us .left .address-bx ul li a { font-size: 14px; line-height: 1; }
.contact-us .left .address-bx ul li { margin-bottom: 2px; }
.lighting-experts, .py-80 , .product-div , .our-client { padding-top: 55px; padding-bottom: 55px; }
textarea.form-control { height: 100px; }
.inner-banner .title { font-size: 35px; }
.contact-us .left .address-bx { margin-bottom: 50px; padding-bottom: 50px; }
.contact-us .right p { font-size: 18px; }
.contact-us .right p.hero-text { margin-bottom: 40px; }
.carrer-intro .carrer-images .career-img-bx3 { height: 510px; }
.carrer-intro .carrer-images .career-img-bx3img{ height: 100%; width: 100%; object-fit: cover; object-position: center; }
.clients-sec ul li { height: 70px; padding: 5px; }
.section-subtitle { font-size: 25px; }
.recent-projects .section-subtitle { margin-bottom: 30px; }
.recent-projects .work-img .overlay-text .subtitle { font-size: 13px; }
.recent-projects .work-img .overlay-text p { font-size: 12px;}
.services-sec .pro-bg {display: none; }
.services-sec .pro-bg .desk-img { display: none;} 
.services-sec .mob-img { display: block; width: 100%;} 
.services-sec .mob-img img { width: 100%;}
.services-sec { height: auto;}
.service2.py-80 { padding-top: 0px;}
.service3.py-80 { padding-top: 0px;}
.product-div .pro-text { padding: 0px; }
.contact-us .left .address-bx p { margin-bottom: 2px; }
.container, .who-we-are .container, .vision-cont .container { max-width: calc(100% - 20px); }
.address-title { margin-bottom: 10px; }
.contact-us .left .address-bx li .address-icon { width: 50px; height: 50px; }
.contact-us .left .address-bx li .address-icon img { width: 16px; }
.contact-us .left .address-bx li:before { top:125px; height: 70px; }
.banner, .banner .banner-img2 { height: 75vh; }
.footer .title { font-size: 24px;}
.recent-projects .nav-tabs { margin-bottom: 35px; }
.recent-projects .section-subtitle { font-size: 25px; }
.recent-projects .section-title-grp .section-subtitle { font-size: 16px; }
.recent-projects .section-subtitle { margin-bottom: 20px; }
.recent-projects.py-80 {padding-bottom: 45px;}
.enquiry .contact-text .link-wrapper a { font-size: 15px; }
.enquiry .contact-text .title { font-size: 22px; }
.swiper-pagination-progress .swiper-button-next, .swiper-pagination-progress .swiper-button-prev {width: 40px;height: 40px; padding: 11px;}
.vision-cont .mission-bg img { opacity: 0.5;}
.section-subtitle { font-size: 27px; }
.hero-text { font-size: 18px; }
.banner .swiper .swiper-pagination {bottom: 30px;}
.lighting-experts .about-text { margin-bottom: 60px; }
.product-div .pro-text .pro-name { font-size: 28px; }
.lighting-experts .section-subtitle { font-size: 30px; }
.lighting-experts .box .card .title .counter-value, .lighting-experts .box .card .title { font-size: 35px; }
.button {padding: 10px 20px;}
.footer .title { margin-bottom: 22px; }
.footer .left { margin-bottom: 35px; }
.mega-menu .menu-main-menu-container { background: #fff; width: 300px; height:100%; padding-top: 80px;}
.mega-menu .menu-main-menu-container ul li a { color:#000; padding: 20px 20px; font-weight: 500; font-size: 16px; display: block; }
.mega-menu .menu-main-menu-container ul li { border-bottom: 1px solid #ede7e7;}
.section-subtitle {font-size: 22px;}
.about-text p:last-child { margin-bottom: 0px;}
body p { line-height: 1.5; }
.hero-text { font-size: 17px; }
.clients-sec .section-subtitle {font-size: 18px;}
.clients-sec ul { gap: 25px; }
.clients-sec ul {grid-template-columns: repeat(4, 1fr);}
.ceo-msg-cont.py-80 { padding-top: 50px; padding-bottom: 50px;}
.lb-outerContainer { width: 90%!important; height: 800px;}
.lb-container { width: 100%!important;}
.lb-nav a.lb-next , .lb-nav a.lb-prev { background-size: 35px;}
.lb-data .lb-close {background-size: 18px; }
.lb-container, .lb-outerContainer { height: 600px!important;}

}

@media screen and (max-width: 767px) {
.container, .who-we-are .container, .vision-cont .container { max-width: 100%; }
.header .logo img.logo-icon { width: 100px; }
.header .button { display: none; }
.banner .title { font-size: 40px; }
.product-div .pro-img{ margin-top: 40px;}
.banner .banner-img2 img.mobile-banner { display: block;}
.banner .banner-img2 img.desktop-banner { display: none;}
.product-div .pro-text .border-button { margin-top: 10px; }
.contact-img {width: 45%; margin: 0px auto 40px auto;}
.contact-img img { width: 100%;}
.our-client { padding: 40px 0px; }
.enquiry .contact-text .title { font-size: 23px; }
.footer .quick-links li { width: 100%; }
.footer .footer-title { font-size: 14px; }
.footer .social li { margin-right: 6px; }
.product-div .pro-text .pro-name { font-size: 24px; }
.product-div .pro-text { padding-right: 0px; }
.product-div .title-row { margin-bottom: 25px; }
.mob-rating { display: block; margin-top: 30px; margin-bottom: 5px;}
.counter-bx { margin-top: 40px;}
/* .desktop-rating { display: none;} */
.product-div .section-title { text-align: left; justify-content: flex-start; }
.lighting-experts .about-text { margin-bottom: 0px; }
.lighting-experts, .py-80, .product-div, .our-client {padding-top: 45px;padding-bottom: 45px;}
.address-title { margin-bottom: 13px; font-size: 14px; }
.contact-us .right .img-bx { width: 300px; margin: auto; margin-bottom: 30px;}
.enquiry { padding: 15px 0px 40px 0px; }
.inner-banner .title { font-size: 30px; }
.section-subtitle { font-size: 25px; margin-bottom: 20px; }
.hero-text { font-size: 16px; margin-bottom: 15px; }
.carrer-intro .carrer-images .career-img-bx.career-img-bx2 , .carrer-intro .carrer-images .career-img-bx , .carrer-intro .carrer-images .career-img-bx3 { width: 100%; margin: 15px 0px;}
.career-page .section-title-grp { margin-bottom: 25px; }
.career-page .section-subtitle { font-size: 18px; }
.clients-sec ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.container { padding: 0px 20px; }
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: visible!important; }
.recent-projects .work-img .overlay-text .overlay-div { padding: 8px 5px; }
.services-sec.product-div .pro-text .section-subtitle { font-size: 26px; }
.contact-us .left .address-bx li { width: 49%; }
.contact-us .left .address-bx li:last-child:before{ display: block; top:0px; left:50%; transform: translateX(-50%); width: 100%; height: 1px; }
.contact-us .left .address-bx li:last-child { width: 100%; margin-top: 35px; padding-top: 35px;}
.contact-us .left .address-bx li:nth-child(2):before{ display: none;}
.contact-us .left .address-bx li ul li:last-child { margin-top: 0px; padding-top: 0px;} 
.lighting-experts .section-subtitle { font-size: 26px; }
.lighting-experts .box .card .title .counter-value, .lighting-experts .box .card .title { font-size: 30px; }
.swiper-pagination-progress .swiper-button-next, .swiper-pagination-progress .swiper-button-prev { width: 40px; height: 40px;}
.swiper-pagination-progress .swiper-button-next, .swiper-pagination-progress .swiper-button-prev { padding: 12px; }
.footer .title {font-size: 22px;}
.footer {padding: 40px 0 0;}
.banner, .banner .banner-img2 { height: 95vh; }
.banner .swiper .swiper-pagination { bottom: 25px; }
.section-subtitle {font-size: 22px;margin-bottom: 15px;}
.ceo-msg-cont .img-box { margin-bottom: 30px;}
.service-container .service-img {height: 140px; margin-bottom: 10px; }
.service-container .services-text .section-subtitle { margin-bottom: 5px; }
.service-container .services-text .section-subtitle { font-size: 18px; }
.services-list-sec .section-title-grp .section-subtitle { font-size: 16px; }
.service-container { margin: 0px 0px 20px 0px; }
.clients-sec .section-subtitle { font-size: 18px; }
.clients-sec .section-title-grp { margin-bottom: 30px; }
.recent-projects .section-subtitle {margin-bottom: 15px;}
.recent-projects .section-subtitle { font-size: 22px; }
.recent-projects .project-bx {padding: 20px;}
.recent-projects .project-bx { margin-bottom: 25px; }
.recent-projects .project-bx {border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
.button { border-width: 1px;}
.swiper .swiper-pagination .swiper-pagination-bullet-active::after { width: 50px; }
.swiper .swiper-pagination .swiper-pagination-bullet-active { margin-right: 70px; }
.button span {font-size: 12px;}
.copy p, .copy p span, .copy p a { font-size: 11px; }
.mega-menu .navar-nav li a { padding: 22px 20px; }
.vision-cont .mission-bg img { opacity: 0.7; }
.recent-projects .section-title-grp .section-subtitle {font-size: 15px;}
.contact-us .right p { font-size: 16px; }
.footer .address-bx ul li a { margin-bottom: 4px; }
.our-client .btn-wrap {margin-top: 50px;}
.our-client .section-title-grp p {font-size: 16px;}
.product-div .pro-text .pro-name, .product-div .pro-text p { margin-bottom: 15px;}
body p { line-height: 1.7; letter-spacing: 0.2px;}
.section-title { margin-bottom: 25px; }
.ceo-msg-cont { margin-bottom: 30px;}
.clients-sec ul { display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;}
.recent-projects .project-bx .overlay-text {margin-top: 20px;}
.recent-projects .project-bx .overlay-text .subtitle {font-size: 18px;}
.recent-projects .project-bx .overlay-text p { font-size: 14px; }
.contact-us .left .address-bx p { margin-bottom: 4px;}
.contact-us .left .address-bx p { margin-bottom: 8px; }
.contact-us .right p { margin-bottom: 0px;}
.mega-menu .menu-main-menu-container { padding-top: 60px; }
.mega-menu .menu-main-menu-container ul li a { font-size: 14px; }
.lb-nav a.lb-next , .lb-nav a.lb-prev { background-size: 30px;}
.lb-data .lb-close { width: 35px;height: 35px;background-size: 15px;margin-right: -16px;margin-bottom: -27px;}
.service-container { padding: 25px;}
.contact-us form .button input { font-size: 12px; }
.form-group { margin-bottom: 20px; }
.mob_wa { position: fixed; display: flex; align-items: center; justify-content: center; right: 15px; bottom: 25px; width: 45px; height: 45px; }
.mob_wa img { width: 32px;}
.lighting-experts .section-subtitle, .section-subtitle , .product-div .pro-text .pro-name, .lighting-experts .box .card .title .counter-value, .lighting-experts .box .card .title { font-weight: 500;}
.lb-container, .lb-outerContainer {
    height: 500px !important;
}
}

@media screen and (max-width: 639px) 
{
.mega-menu .navar-nav li a { font-size: 16px; }
.lb-nav a.lb-next , .lb-nav a.lb-prev { background-size: 25px;}
}

@media screen and (max-width: 575px)
{
.header.bg .logo img.logo-icon { width: 75px;}
.lighting-experts .box .card .card-body { text-align: left;}
.header .logo img.logo-icon { width: 90px; }
.header.bg .logo img.sticky-logo-icon { width: 22px; }
.hamburger .text { margin-bottom: 5px; }
.hamburger .lines div:first-child { width: 36px; height: 1px;}
.hamburger .lines div:last-child { height: 1px;}
.banner .title { font-size: 36px; line-height: 1.3;}
.banner .banner-content { opacity: 1!important;}
.banner .banner-content .button { padding: 9px 12px; }
.button span { font-size: 11px; }
.banner .border-button { margin-right: 10px;}
.banner .banner-content { top:53% }
.section-title { font-size: 13px; }
.section-title::before { width: 25px; }
.lighting-experts .section-subtitle { font-size: 20px; margin-bottom: 10px; }
.mob-rating { margin-top: 15px; }
.lighting-experts p { font-size: 14px; }
body p { margin-bottom: 15px; font-size: 14px; }
.lighting-experts .box .read-more span { font-size: 13px; }
.read-more span + svg { width: 5px; margin-left: 5px; margin-left: 5px; }
.lighting-experts .box .card .card-img { width: 40px; margin-right: 15px; min-width: 40px; height: auto; }
.lighting-experts .box .card .title .counter-value, .lighting-experts .box .card .title { font-size: 28px; }
.lighting-experts .box .card .subtitle { font-size: 14px; }
.product-div .pro-text .pro-name { font-size: 22px; }
body p { font-size: 13px; } 
.button { padding: 9px 18px; border-top-left-radius: 8px; border-bottom-right-radius: 8px; } 
.product-div .pro-img {border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.swiper-pagination-progress .swiper-button-next, .swiper-pagination-progress .swiper-button-prev { width: 35px; height: 35px; padding: 10px; border-top-left-radius: 6px; border-bottom-right-radius: 6px; }
.our-client .section-title-grp { margin-bottom: 25px; }
.our-client .client-slider .img-box { height: 50px; padding: 5px; }
.our-client .swiper .swiper-slide { margin: 0px 6px!important; }
.our-client .client-slider1 { margin-bottom: 20px; }
.our-client .btn-wrap { margin-top: 30px; }
.enquiry .contact-text .title { font-size: 18px; font-weight: 500; margin-bottom: 15px;}
.enquiry .contact-text p { font-size: 13px; margin-bottom: 15px; }
.enquiry .contact-text .link-wrapper a img { margin-right: 8px; }
.enquiry .contact-text p br{ display: none;}
.enquiry .contact-text .link-wrapper a { font-size: 13px; margin-right: 15px; }
.insta-feeds { padding: 20px 0 0 0; }
.insta-feeds .section-title { margin-bottom: 20px; }
.insta-feeds .list { width: 100%; overflow-x: auto; white-space: nowrap; display: block; }
.insta-feeds .list a{ display: inline-block; width: 50%; overflow: visible; }
.footer { padding: 40px 0 0; }
.footer .title { font-weight: 500; font-size: 20px; margin-bottom: 15px; }
.footer .left { margin-bottom: 12px; }
.footer .address-bx p , .footer .address-bx ul li a { font-size: 12px; }
.footer .quick-links li a { font-size: 12px;}
.footer .quick-links li a { padding: 0px 0px 3px 0px; }
.copy { margin-top: 30px; }
.copy p, .copy p span , .copy p a { font-size: 11px; }
.footer .footer-title { font-size: 13px; }
.mega-menu .navar-nav { width: 250px; } 
.mega-menu .navar-nav li a { font-size: 14px; padding: 20px 15px; }
.contact-us .right .img-bx { width: 46%; }
.contact-us .left .address-bx { display: block; padding-bottom: 20px; margin-bottom: 20px;}
.contact-us .left .address-bx li { margin-bottom: 20px;}
.contact-us .left .address-bx li:last-child { margin-bottom: 0px;}
.contact-us .left .address-bx li:before { top:none; bottom: 0px; transform: translate(0 -50%); }
.inner-banner { padding: 140px 0px 80px; }
.form-group { margin-bottom: 20px; }
.form-control { padding: 9px 0px; font-size: 13px; }
.address-title { font-size: 13px; }
.inner-banner .title { font-size: 24px; }
.section-subtitle { font-size: 18px; margin-bottom: 15px; }
.section-title { margin-bottom: 20px; }
.hero-text { font-size: 16px; }
.career-page .section-subtitle { font-size: 16px; }
.clients-sec ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.clients-sec .section-title-grp { margin-bottom: 30px; }
.clients-sec .section-subtitle { font-size: 16px; }
.recent-projects .work-img:hover .overlay-text .overlay-div { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.recent-projects .work-img .overlay-text { padding: 0px;}
.recent-projects .work-img .overlay-text p { font-size: 10px; }
.recent-projects .work-img .overlay-text .subtitle { font-size: 12px; line-height: 1.2; margin-bottom: 7px; }
.recent-projects .work-img { height: 170px; }
.recent-projects.py-80 { padding-bottom: 20px;}
.services-sec.product-div .pro-text p { font-size: 14px;}
.services-sec.product-div .pro-text .section-subtitle { font-size: 22px; margin-bottom: 10px; }

.contact-us .left .address-bx li { width: 100%; margin: 0px; }
.contact-us .left .address-bx li:before{ display: block; top:inherit; bottom: 0px; left:50%; transform: translateX(-50%); width: 80%; height: 1px; }
.contact-us .left .address-bx li:last-child:before { display: none;}
.contact-us .left .address-bx li:last-child , .contact-us .left .address-bx li { width: 100%; padding: 25px 0px; }
.contact-us .left .address-bx li:first-child { padding-top: 0px;}
.contact-us .left .address-bx li:nth-child(2):before{ display:block;}

.contact-us .left .address-bx li ul li:last-child, .contact-us .left .address-bx li ul li { margin: 0px; padding: 0px;} 
.contact-us .left .address-bx li ul li:first-child { margin-top: 0px; padding-top: 0px;} 
.contact-us .left .address-bx li:last-child { margin-top: 0px;}
.lighting-experts .box .card .title .counter-value, .lighting-experts .box .card .title { font-size: 22px; }
.lighting-experts .box .card .subtitle {font-size: 13px;}
.lighting-experts .box .card {margin: 15px 0px;}
.footer .footer-title { margin-top: 15px;}
.mega-menu .navar-nav { padding-top: 60px; }
.mega-menu .navar-nav { bottom: 10px; }
.swiper .swiper-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px; }
.ceo-msg-cont .sign-img {width: 100px;}
.ceo-msg-cont .right {padding-left: 0px;}
.hero-text { font-size: 15px; }
.vision-cont.py-80 {padding: 50px 0px;}
.vision-cont .mission-bx p { letter-spacing: 0.7px; }
.vision-cont .mission-bx .section-subtitle { letter-spacing: 1.5px; }
.vision-cont .mission-bx p { font-size: 14px;}
.service-container {padding: 25px 25px 30px 25px;}
.vision-cont .mission-bx .section-subtitle { font-size: 20px; }
.hero-text { margin-bottom: 12px; }
/* .clients-sec ul li { padding: 18px; } */
.recent-projects .section-title-grp .section-subtitle { font-size: 13px; margin-bottom: 25px;}
.recent-projects .nav-tabs .nav-item button { padding: 8px 15px; font-size: 12px; }
.recent-projects .nav-tabs .nav-item { margin-right: 12px;}
.recent-projects .nav-tabs { margin-bottom: 22px;}
.recent-projects .project-bx .overlay-text .subtitle { font-size: 17px; }
.recent-projects .project-bx .overlay-text p { font-size: 13px; }
.recent-projects .section-subtitle { font-size: 18px;}
.recent-projects .project-bx { padding: 20px;}
.services-list-sec .section-title-grp .section-subtitle { font-size: 14px; margin-bottom: 10px;}
.lighting-experts .box .card { display: flex; flex-direction: row;}
.lighting-experts .box .card .subtitle { text-align: left;}
.product-div .title-row { margin-bottom: 20px;}
body p { line-height: 1.6;}
.hero-text { font-size: 14px;}
.recent-projects .project-bx { border-top-left-radius: 15px;border-bottom-right-radius: 15px;}
.lighting-experts p, body p { line-height: 1.7;}
.address-bx ul li a { padding-bottom: 3px;}
.footer .quick-links li a { margin-bottom: 4px; }
.container { padding: 0px 17px;}
.swiper-pagination-progress .swiper-button-next, .swiper-pagination-progress .swiper-button-prev { width: 30px;height: 30px;padding: 8px}
.contact-img { width: 45%;margin: 0px auto 30px auto;}
.contact-us .left .address-bx ul li a { margin-bottom: 4px; }
.section-subtitle { font-weight: 500; letter-spacing: 0.2px;}
.mega-menu .menu-main-menu-container { width: 280px; }
.wpcf7-not-valid-tip { font-size: 11px; padding-top: 4px; }
.wpcf7 form .wpcf7-response-output { font-size: 12px; margin: 20px 0px 0px 0px; }
.enquiry .contact-text .link-wrapper a:last-child img { width: 14px;}
.counter-bx { margin-top: 30px;}
.lighting-experts .section-subtitle, .section-subtitle , .product-div .pro-text .pro-name, .lighting-experts .box .card .title .counter-value, .lighting-experts .box .card .title { font-weight: 500;}
.lb-container, .lb-outerContainer { height: 300px !important;}
.lb-data .lb-close { width: 30px; height: 30px; background-size: 11px; }

 
}

@media screen and (max-width: 479px) 
{
.clients-sec .section-subtitle { font-size: 14px; }
.clients-sec ul li { height: 65px; }
.recent-projects .work-img { height: 160px; }
.recent-projects .section-subtitle { margin-bottom: 10px; }
.section-subtitle { font-size: 17px; }
.services-sec.product-div .pro-text p { font-size: 13px;}
.section-title { margin-bottom: 20px;}
.clients-sec ul { display: grid;grid-template-columns: repeat(2, 1fr);}
.contact-img { width: 45%;}
.section-title { margin-bottom: 25px; } 
.section-title { margin-bottom: 18px;}
.footer .title { font-weight: 500;font-size: 18px;margin-bottom: 18px;line-height: 1.3;}
.footer .left { margin-bottom: 15px;}
.lighting-experts, .py-80, .product-div, .our-client { padding-top: 40px;padding-bottom: 40px;}
.lighting-experts .section-title { margin-bottom: 16px; }
.lighting-experts .section-subtitle { margin-bottom: 15px; }
 .product-div .pro-text p { margin-bottom: 12px;}
.product-div .pro-img { margin-top: 30px;}
.our-client .section-title-grp p { font-size: 14px;}
.inner-banner .title { font-size: 22px; }
.inner-banner { padding: 130px 0px 70px;}
.wpcf7-not-valid-tip { font-size: 12px; padding-top: 2px;}
.service-container { padding: 22px 22px 28px 22px; }
.our-client .client-slider .img-box { height: 90px; }

}

@media screen and (max-width: 419px) 
{
.contact-us .right .img-bx { margin-bottom: 20px; }
.contact-us .right p { font-size: 14px; }
.contact-us .right p.hero-text { margin-bottom: 30px; }
.recent-projects .nav-tabs .nav-item button { padding: 8px 12px;} .recent-projects .nav-tabs .nav-item { margin-right: 9px;}

}