@media(min-width: 1920px){
#collage-section {height: 300vh;}
.gal-img-details {height: 20vh;}
.lighting-txt {height: 50vh;}
.sun-two {margin: 0px 0 180px;}
.sun-six{left: 36%;}
.about-video-div{margin-top: 80px;}
/*#lighting {height: 290vh;}*/
}
@media(max-width: 1440px){
.workspace-div-right{padding-left: 50px;}
.foter-top-right {padding-left: 100px;}
.blog-page .blog-details {max-width: 100%; margin: 20% 0 0px auto;}
.blog-page .blog-left{margin: 100px 25px 0 70px;}
.sun-into-room-bottom {padding: 0px 0 100px;}
/* #lighting{height: 335vh;}*/

}
@media(max-width: 1366px){
  .blog-page .blog-left{margin: 100px 25px 0 60px;}
  #collage-section {height: 389vh;}
  .footer-bottom-bottom {margin-top: 115px;}
  .footer-bottom-top {margin-top: 30px;}
  .footer-links {padding: 130px 0;}
  
}
@media(max-width: 1280px){
  
  .sun-six {left: 14%;}
  .footer-bottom-top {margin-top: 10px;}
 
}
@media(max-width: 1199px){
    header {padding: 20px 30px;}
    header ul .common-font {font-size: 16px;}
    .header-one {font-size: 33px;}
    .side h1 {width: 85%;}
    .foter-top-right {padding-left: 0px;}
    .gal-home-one p, .gal-home-one h2{width: 100%;}
    #collage-section .collage-item img{height: 100%; object-fit: cover;}
    .window-room-one img{width: 100%;}
    .footer-logo img {width: 250px;}
    .shop-right{position: relative;}
    .main-menu {padding: 0;}
    .space {padding-bottom: 100px;}
    .footer-links {padding: 100px 0;}
    .footer-bottom-bottom {margin-top: 150px;}
    /*  home  */
    header nav ul li {padding: 0 8px;}
    header nav ul li a span{display: none;}
    .hero-carousel .owl-carousel .owl-item img{height: 100vh !important; object-fit: cover;}
    .custom-dots {left: 48%;}
    #lighting {min-height: 100vh; height: auto;}
    #testimonials{height: auto;}
    #testimonials .owl-carousel .owl-nav button.owl-next {right: 0;}
    #testimonials .owl-carousel .owl-nav button.owl-prev{left: 0;}
    .client-area{height: auto;}
    .video-wrapper-founder, #yutube-video-founder{height: auto;}
    footer{height: auto; min-height: auto;}
    .menu-right{padding-right: 15px;}
    .menu-left{padding-left: 15px;}
    .product-img img, .product-details{height: auto;}
    /*  product  */
    .frames ul li {font-size: 15px;}
    .frames ul li span {width: 15px;height: 15px;margin-right: 7px;}
    .product-details-top-details p{width: 100%;}
    .carousel-area-details {padding-top: 80px;}
    .b-f-details {padding-left: 20px;}
    .b-f-txt {left: 20px;}
    .product-details-bottom .container {top: 120px;}
    .product-details-bottom-2, .product-details-bottom-3 {margin-top: 80px;}
    .product-details-bottom-3 {padding-bottom: 80px;}
    .header-two {font-size: 50px;}
    .contact-page-top h1{width: 100%;}


}
@media(max-width:999px){
    .loader lottie-player{height: 90vh;}
    header {padding: 15px 25px;}
    header ul .common-font {font-size: 15px;}
    header nav ul li {padding: 0px 7px;}
    .main-filters a, .main-filters h2 {font-size: 40px;}
    footer {margin-top: 50px;padding: 80px 0 50px;}
    .custom-select-wrapper2{width: 100%;}
    .footer-links {padding: 80px 0;}
    .common-font3 {font-size: 20px;}
    .footer-logo img{width: 200px;}
    .footer-bottom-bottom {margin-top: 80px;}
    .sunroof-tab.desktop-visible{display: none;}
    .faq-top {padding: 120px 0 40px;}
    .accordion.d-lg-none{padding: 0 15px;}
    .more-question{margin: 50px 0;}
    .header-one {font-size: 33px;}
    .side .header-one {font-size: 27px;}
    .hero-txt{width: 100%;}
    .animate-hero-image {transform: translateY(350px) scale(5); }
    .team-top {padding: 0px 35px 0px;}
    .workspace-div-right {padding-left: 15px; padding-top: 30px;}
    .workspace-div-right p{width: 100%;}
    .common-font {font-size: 18px;}
    .carousel-area-details-home {padding-left: 0px;}
    .sun-two-info{width: 100%;}
    #mobile-gallery .col-12{padding: 30px 15px;}
    .gal-home-one p{ padding: 20px 0;}
    .right-menu{display: none;}
    .main-menu.open {top: 50px;}
    .main-menu {height: calc(100vh - 50px);}
    .beyond-library-home-heading {padding: 80px 0 40px 0px;}
    .carousel-area-details-home h2, .carousel-area-details-home label {padding-left: 50px;}
    .custom-dots {left: 41%;}
    .lightingg-txt p {padding-top: 40px;}
    .lightingg-txt {padding: 120px 0 100px;}
    .space-area {padding-top: 80px;}
    .space {padding-bottom: 80px;}
    .sun-two-info{padding: 0 15px;}
    .carousel-stag-head {margin: 0 auto 40px;}
    .space-gallery-div {margin-top: 80px;}
    .gallery-carousel {margin-top: 80px;}
    #trusted {padding: 120px 0 80px;}
    #trusted p{width: auto; padding-left: 20px;}
    .trusted-people{width: auto;}
    .trusted-people ul li {display: inline-block;width: 22%;margin: 0 7px 28px;vertical-align: text-top;}
    .trusted-people-info p span {font-size: 14px;}
    .light-up-btn a {margin: 0 7px;}
    .common-btn {font-size: 13px;padding: 5px 10px;}
    .vision-div {padding: 80px 0 40px;}
    .footer-frm2{width: 100%;}
    .pb-10 {padding-bottom: 80px;}
    #form-area {padding-top: 80px;}
    .team-section{padding: 0 0 50px;}
    /*  product details  */
    .share-btn .common-font3 {font-size: 19px;}
    .product-details-top-heading{width: 100%;}
    .header-two {font-size: 40px;}
    .product-details-top {padding: 120px 0 40px;}
    .b-f-txt{width: 100%; left: 0;}
    .b-f-details{padding-left: 0;}
    .product-details-bottom-2, .product-details-bottom-3 {margin-top: 50px;}
    .light-query {padding: 40px 0 80px;}
    .masonry-grid {grid-template-columns: repeat(2, 1fr);}
    .address-box p{width:   85%;}
    .call-back-center {padding-right: 20px;}
    .gal-home-one {flex-direction: column;}


}
@media (max-width: 767px) {
    .main-filters a, .main-filters h2 {font-size: 25px;}
    .main-filters {padding-top: 80px;}
    .masonry-grid {grid-template-columns: repeat(2, 1fr);}
    footer {margin-top: 10px;padding: 50px 0 15px;}
    .grid-img {max-height: 250px;}
    .footer-links-left div{width: 48%;}
    .footer-links-right{margin-top: 35px;}
    .social-link ul li a img {width: 22px;}
    .footer-links {padding: 20px 0;}
    .common-font3 {font-size: 16px;}
    .sun-into-room-middle p.header-one{font-size: 16px;}
    .pb-10 {padding-bottom: 50px;}
    .footer-bottom-bottom{text-align: center; margin-top: 40px;}
    .footer-bottom-bottom .footer-links-left div{width: 100%; margin: 20px 0 15px;} 
    .footer-bottom-bottom .footer-links-left div ul li{display: inline-block; text-align: center; padding-right: 5px; padding-left: 5px; font-size: 16px;} 
    .mobile-visible{display: block;}
    .desktop-visible{display: none;}
    .footer-bottom-top.mobile-visible{margin-bottom: 45px;}
    header {padding: 15px 15px; height: 55px;}
    .header-one {font-size: 35px;}
    .faq-top {padding: 100px 0 30px;}
    .accordion-item, .accordion-button {font-size: 16px;}
    .more-question {margin: 25px 0 35px;}
    .team-top{width: 100%;}
    .side{width: 100%; height: auto; position: relative; padding: 100px 0px 20px;}
    .side .header-one {font-size: 24px;}
    .side h1 {width: 90%;}
    .main {width: 100%;}
    .hero-img img{width: 100%;}
    .hero-txt {padding: 35px 15px;}
    .animate-hero-image {transform: translateY(180px) scale(3); }
    .hero-counter {padding: 15px 0;}
    .header-two {font-size: 25px;}
    .team-top {padding: 0px 15px 0px;}
    .team-slider {margin: 50px 0 0px 0%;}
    .team-section {padding: 35px 0px 50px;}
    .workspace-div-right {padding-left: 0px;padding-top: 0px;}
    .workspace-div-left{padding: 50px 0;}
    .header-one {font-size: 23px;}
    .foter-top-right {padding-top: 40px;}
    .form {margin-top: 30px;}


    /*  v2  */
    .banner-info{padding: 10px 20px; text-align: center; width: 100%; top: 80%;}
    #hero a {font-size: 14px;}
    .carousel-area-details-home{padding-left: 15px;}
    .beyond-library-home-heading {padding: 80px 0 20px 0px;}
    .video-carousel-details p {left: 10px; bottom: 10px;width: auto; right: 10px;}
    .common-font4 {font-size: 18px;}
    #beyond-library-home .owl-carousel button.owl-dot {width: 8px !important;height: 8px !important;margin-top: 0px;}
    .sun-two-info{width: 100%; text-align: center; padding: 0 15px; margin: 80px 0 24px;}
    .sun-two-info h2{width: 250px; margin: 0 auto;}
    .sun-two-info p{margin: 16px auto 0; max-width: 90%;}
    .sun-two-info p.common-font2{font-size: 12px;}
    .sun-wrapper {width: 35px; height: 35px;}
    .common-btn, .common-btn2 {font-size: 12px;padding: 5px 12px;}
    .gal-img-details p{margin-top: 20px;}
    .sun-three,.space {padding-bottom: 80px;}
    .space a {margin: 15px 15px 15px;}
    #mobile-gallery{padding: 0;}
    .home-page-drag #comparison {padding-bottom: 60vh;}
    .gal-home-one p, .gal-home-one h2 {width: 100%; padding: 15px 0;}
    .gal-home-one h2 {padding: 0px 0;}
    .sun-into-room-top h2{width: 250px;}
    .window-room-one img{width: 100%;}
    .window-details{margin-bottom: 25px;}
    .sun-into-room-top {padding-top: 80px;}
    .sun-into-room-middle {margin: 120px 0 120px; text-align: center; height: auto;}
    .sun-into-room-bottom .owl-carousel .owl-nav button.owl-prev, .sun-into-room-bottom .owl-carousel .owl-nav button.owl-next {bottom: -85px;}
    .space-gallery-div {margin-top: 80px;}
    .gallery-carousel {margin-top: 50px;}
    #trusted{padding: 120px 0;}
    #trusted h2,#trusted p{width: 100%; text-align: center;}
    #trusted h2{width: 200px; margin: 0 auto 20px;}
    #trusted p{margin-top: 0px;}
    .trusted-people ul li {width: 29%;margin: 0 5px 10px; vertical-align: text-top;}
    .trusted-people ul li img{max-width: 100px;}
    .trusted-people{width: 100%;  margin: 50px auto 0px;}
    .node {margin-top: 50px;}
    .light-up-btn a {margin-right: 20px; margin-left: 0;}
    .light-up-top h2{margin-bottom: 20px !important;}
    .light-up-btn {justify-content: center;}
    .light-up-top{text-align: center;}
    .shop-right{position: relative; width: 100%;}
    .sun-six {top: 28%;left: 23%;width: 200px;}
    .client-left, .experience-right {width: 100%;margin: 50px 0; padding: 0 30px;}
    .experience-right h2 {text-align: left; width: 100%;}
    .our-address {margin-top: 50px;}
    .vision-div {padding: 80px 0 25px;}
    .toggle-btn ul li {font-size: 14px;}
    .footer-frm2{width: 100%;}
    .form{padding: 20px 0 35px;}
    .call-back-left.footer-top-left p{font-size: 15px; margin-top: 5px;}
    .logo img{width: 100px;}
    .right-menu ul li{width: auto;}
    .menu-btn-1 {width: 50px;color: transparent;margin-right: 0;margin-left: auto;}
    .menu-btn-1 span{right: 0px; margin-top: 10px;}
    .menu-btn-1 span::before, .menu-btn-1 span::after {right: 0;}
    .menu-center{display: none;}
    .main-menu.open {top: 54px;}
    .main-menu {height: calc(100vh - 54px);}
    .menu-left ul li:last-child {margin-top: 0px;}
    .menu-right{margin: 20px 0;}
    .carousel-area-details-home h2, .carousel-area-details-home label{padding-left: 0;}
    .video-carousel-details, .video-carousel-details video{height: 50vh; padding-right: 7px; object-fit: cover;}
    #beyond-library-home .owl-carousel button.owl-dot.active {width: 30px !important;}
    .sun-into-room-bottom .owl-item.center .product-details-for-carousel img {scale: 1.1;}
    .carousel-stag-head{width: 100%;}
    .trusted-people-info p {font-size: 13px;}
    .trusted-people-info p span {font-size: 11px;}
    .sun-into-room-bottom {padding: 15px 0 30px;}
    .video-section{overflow: hidden;}
    .lighting-txt {height: auto; padding: 120px 0 80px;}
    .lighting-txt h2 {width: 250px;}
    .m-15 {margin-top: 50px;}
    .sun-two {margin: 50px 0 80px;}
    .space h2{width: 200px; margin: 0 auto;}
    .gal-home-one{flex-direction: column;}
    #mobile-gallery .col-4{padding: 0 7px !important;}
    #mobile-gallery{padding: 7px;}
    .menu-left li a.header-one{font-size: 30px;}
    .menu-left li{margin-bottom: 10px !important;}
    .menu-right{justify-content: flex-start;}
    .social-links {padding-top: 0px;position: absolute;left: 15px; right: 15px; width: auto;bottom: 25px;}
    .gal-img-details{position: relative; padding: 60px 15px; text-align: center;}
    .drag-btn {width: 30px;height: 30px;font-size: 7px;}
    .product-details-for-carousel {min-height: 60vh;}
    .sun-into-room-bottom .owl-item .product-details-for-carousel h3 {bottom: -47px;}
    .sun-into-room-bottom .owl-carousel .owl-nav button.owl-prev, .sun-into-room-bottom .owl-carousel .owl-nav button.owl-next {bottom: auto; left: auto; right: auto; position: relative;}
    .sun-into-room-bottom .owl-carousel .owl-nav button.owl-prev{margin-right: 120px;}
    .sun-into-room-bottom .owl-carousel .owl-nav button.owl-next{margin-left: 120px;}
    .footer-links ul li a, .footer-bottom ul li a {font-size: 14px;}
    .logo{padding-top: 0px;}
    #hero h1{width: 250px;}
    #hero h1.header-one{font-size: 32px;}
    .beyond-library-home-heading h2{width: 250px;}
    .header.open .menu-btn-1{color: #121212;}
    .thumbnail-txt {left: 20px; width: 200px;}
    .carousel-stag-head p{padding: 0 20px;}
    footer{height: auto ; min-height: auto;}
    #testimonials .owl-carousel .owl-nav button.owl-prev,#testimonials .owl-carousel .owl-nav button.owl-next {bottom: 50px;}
    .custom-overlay:after{bottom: -1px;}
    .light-up-top{padding: 40px 0;}
    .sun-six {width: 350px; top: 26%; left: 10%;}
    #lighting {height: auto;}

    /*  v3  */
    .right-menu{display: block;}
    .menu-left{padding-left: 0;}
    .menu-btn-1 {font-size: 14px;}
    .hero-carousel button.owl-next{right: 0; width: 35px; height: 35px;}
    .hero-carousel button.owl-prev{left: 0; width: 35px; height: 35px;}
    .lightingg-txt {padding: 160px 0 80px;}
    .beyond-library-carousel #video-toggle {left: 27%;}
    .sun-two-img {margin-top: 80px;}
    .sun-into-room-top {padding: 80px 0px;}
    #trusted p{padding-left: 0;}
    .testi-heading {padding: 40px 0;}
    .hero-carousel:after {background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(10, 10, 10, 0) 5%, rgba(0, 0, 0, 0.9) 100%);width: 100%}
    .banner-info h1.header-one{font-size: 30px;}
    .beyond-library-carousel #video-toggle{width: 50px; height: 50px; bottom: -62.5px;}
    .custom-dots{padding: 24px 30px; bottom: -62px;}
    .video-carousel-details:after{width: calc(100% - 13px);}
    #testimonials .video-slide img, .video-wrapper-founder img {height: 50vh;}
    #sticky {top: 50px;}
    .glightbox-clean .gnext {position: absolute;top: 47% !important;right: 8px !important;width: 30px !important;height: 30px !important;}
    .glightbox-clean .gprev{position: absolute;top: 47% !important;left: 8px !important;width: 30px !important;height: 30px !important;}
    .mobi-code{font-size: 12px !important; color: #fff !important; background-color: #121212; padding: 5px 10px; display: flex;}
    .mobi-code img{margin-right: 3px;}
    .pr-3{padding-right: 15px;}
    .custom-select-wrapper2{width: 100%;}


    /*  about  */
    .about-us .video-section{height: 0vh !important;}
    .pin-spacer{padding: 0 !important;}
    
    .about-video-div{overflow: hidden;}

    /* hof   */
    .grid-item p.opacity05{margin-top: 0;}

    /*  contact  */
    .contact-page-top {padding: 100px 0 20px;}
    .call-bck-div {padding-top: 30px;}
    .address-box{min-height: auto; height: auto;}
    .call-back {padding: 20px 0 40px;}

    /*  listing  */
    .filter-button img{width: 50px;}
    .filter-button {font-size: 14px;}
    .listing-top {margin: 80px 0 35px;}
    .common-font {font-size: 16px;}
    .product-img img, .product-details{height: auto;}
    .product-info {left: 20px;bottom: 35px;}
    .product-info a {font-size: 14px;}
    .product-info h2{margin-bottom: 0;}
    .product-details-two {padding: 30px 20px; text-align: center;}
    .product-details-two p{width: 100%; margin-bottom: 20px;}
    .product-details-two a{font-size: 14px;}
    #product-faq {padding: 50px 0 40px;}
    .product-faq-top {margin-bottom: 20px;}
    #product-faq .accordion-item button {font-size: 18px !important;}
    #product-faq .accordion-item {padding: 0px 0 !important;}
    #product-faq .accordion-item .accordion-item button {font-size: 17px !important;}   
    #product-faq .accordion-body {font-size: 15px !important;}  
    .accordion-body iframe{width: 100%; margin-top: 15px;}  

    /*  details page  */
    .frames ul li {width: 45%; margin-top: 7px;}
    .frames ul li span {width: 13px;height: 13px;margin-right: 8px;}
    .time p{font-size: 12px;}
    #product-banner .details-page-area img {width: 13px;}
    .product-details-top-heading{width: 100%; text-align: center;}
    .product-details-top-details p{width: 100%;}
    .product-details-top-details{text-align: center;}
    .product-details-top {margin: 85px 0 35px;}
    .similar-product-img{margin-bottom: 15px;}
    .b-f-details{padding: 0 15px 35px; text-align: center;}
    .b-f-txt{display: none;}
    .before-after {margin: 120px 0 0;}
    .b-f-tab ul li {font-size: 14px; width: 49%; text-align: center;}
    .tags-b-f ul li{margin: 4px; font-size: 11px; padding: 5px 1px; width: 20%; text-align: center;}
    .tags-b-f ul{text-align: center;}
    .b-f-tab {margin-top: 24px;}
    #animationWindow {padding-top: 20vh; /* Pushes the animation 1 full screen down */}
    .light-query a{font-size: 14px;}
    #beyond-lighting{padding: 70px 0 0px 0px;}
    #beyond-library #beyond-library-home .owl-carousel .owl-dots{padding-top: 10px;}
    .product-details-corousel p{width:  auto; left: 15px; right: 15px; bottom: 35px;}
    .product-details-bottom-2 p, .product-details-bottom-3 p{width: 100%;}
    #schematic {padding: 50px 0 20px;}
    .steps {margin: 50px auto 50px;}
    .member-flex{padding:15px; text-align: center;}
    .team-bottom{width: 100%;}
    .product-details-page #similar-product {padding-top: 50px;}
    .scroll-track .item:first-child{width: 50px;}
    .main-menu{padding: 0 20px;}
    .frames ul li div {font-size: 12px;}
    .share-btn p{margin-bottom: 0;}
    .details-page-area {padding-top: 20px;}
    .tags-b-f ul li{border: none; vertical-align: text-top;}
    .scroll-track-beyond{height: auto; padding: 30px 0;}
    #beyond-lighting .video-section video{height: auto;}
    .scroll-track-beyond .item {flex: 0 0 93vw;}
    .scroll-track-beyond{width: 190vw;}
    #full-video-product-page{overflow: hidden;min-height: 36vh;padding-top: 80px;}
    #full-video-product-page video {height: auto; width: 100%; scale: 1.9;}
    #product-banner, #product-banner img{height: 89vh;}
    .product-details-bottom .container {top: 120px;}
    .product-details-bottom-2, .product-details-bottom-3 {margin-top: 120px;}
    
    /*  faq  */
    .faq-page .more-question{margin-top: 35px;}
    .faq-page .more-question p{margin-bottom: 5px;}
    .gallery-page-main .masonry {column-gap: 15px;}
    .gallery-page-main .gallery-item {margin-bottom: 10px;}
    .masonry-grid {gap: 20px 15px;}
    .pop-up-main h2 {font-size: 25px;}
    .pop-up-input, .footer-frm, .footer-frm2, .custom-select__trigger {font-size: 14px; padding: 20px 5px 10px;}
    .pop-up-main{width: 95%; margin: 0 auto;}
    #testimonials{height: auto;}
    #testimonials iframe, .video-wrapper-founder iframe {height: 25vh;}
    .sun-two-info-2nd .dark{color: #FDFCFF;}
    .hero-carousel .owl-carousel .owl-item img {height: 90vh !important;}
    .hero-carousel {max-height: 90vh;}
    .hero-carousel .owl-carousel, .hero-carousel .owl-carousel .item img{max-height: 90vh;}
    .carousel-area-details-home label {width: 75%;}
    .home-mobile-gal #comparison{padding-bottom: 237px; width: 375px;}
    }
    @media (max-width: 375px) {
        .sun-into-room-bottom .owl-item .product-details-for-carousel h3 {bottom: -65px;}
        .sun-into-room-bottom .owl-carousel .owl-nav button.owl-prev, .sun-into-room-bottom .owl-carousel .owl-nav button.owl-next {margin-top: 20px;}

    }
    @media (max-width: 369px) {
    .frames ul li {
        width: 40%;
        margin-top: 7px;
        }
    }