/* Responsive */
@media (min-width: 1900px) {
.leo-banner-img {
    top: 25px;
    right: -3%;
}
.leo-banner-img img {
    width: 100%;
}
.aura-banner-img{right: -351px;}
.aura-banner-img img {
    width: 90%;
}

.aura-mid .product-img {
    position: absolute;
    right: 10%;
    top: 0;
}
.lighting-mid .product-img{right: 0;}
}
@media (max-width: 768px) {

    .mobile-menu nav ul li a{font-size: 14px;}
    .mobile-menu nav ul li a.main{ padding: 10px 0 10px 0; font-size: 14px;}
    .mobile-menu nav ul li.has-droupdown ul li{  
    position: relative;
    float: left;
    display: block;
    width: 100%;}
    .breadcrumb .right-breadcrumb-menu a + a{padding-left:0;}
    .breadcrumb{margin-bottom:10px;     padding: 10px 0 10px 0;}
    .team-member-section .rts-testimonials-area-main-wrapper .swiper-button-prev{display:none;}
    .team-member-section .title-style-five .title{margin-bottom:0px; font-size:24px;}
    .team-member-section .title-style-five.center{margin-bottom:20px;}
    .about-inner-section{padding-top:0;}
    .about-inner-section .about-top-row p{    padding: 0 0 5px 0;}
    .leo-banner-img{margin-left: -90px; width: 150%;}
    .team-member-section .single-testimoanils-9{display:block;}
    .team-member-section .brand-logo img{width:100%;}
    .breadcrumb.breadcrumb-sticky{top:78px;}
    .level-3 { opacity: 1; visibility: inherit;float: left; width: 100%; position: relative; left: 0;}
    .title {
    font-size: 24px;
    padding-top: 10px;
    line-height: 36px;
    margin-bottom: 10px;
}
  .product-grid {
    grid-template-columns: 1fr;
  }
  .product-grid .card {
    flex-direction: column;
  }
  .product-grid .card img {
    width: 100%;
  }
  .product-grid .card .content {
    width: 100%;
  }
.grid-layout {
        grid-template-columns: 1fr;
        width: 100%;
    }
.box1, .box2, .box3, .box4, .box5, .box6{ height: 250px; width: 100%; grid-column: auto !important;  /* reset all spans */}

.box1 img {
left: -269px;
        top: 60px;
}
.box2 {margin-left: 0;}
.box2 img {
        width: 75%;
        left: 105px;
        top: 35px;
    
}
.box3 img {
        width: 87%;
        right: -33px;
        top: 15px;
        left: inherit;
}
.box4 img {
width: 100%;
        left: -24px;
}
.box5 img {
width: 93%;
        left: 0px;
        top: 15px;
}
.box6 img {
    position: absolute;
    width: 73%;
    left: 90px;
    top: 40px;
    max-width: inherit;
}

.pt--80 {
    padding-top: 40px;
}
    .header-main-one-wrapper .main-header .button-area{ display: block;}
    .footer-two-single-wized.left p.disc{ width: 100%;}
    .video-text-title{ font-size: 20px;}
    .m-slider-width{ width: 100%;}
    .stargate-app-info-row .midpart{ width: 100%;}
    .stargate-app-info-row{height: 700px;}
    .home-blog{ padding-bottom: 40px;}
    .banner-product-img{ position: inherit;}
    .m-pt-0{ padding-top: 0;}
    .m-pt-20{ padding-top: 20px;}
    .m-pb-0{ padding-bottom: 0;}
    .banner-product-img{ position: inherit!important; top: inherit;
    right:inherit;
    text-align: inherit;}
    .banner1-p-img{ right: 0;}
    .banner-product-img img{ width: 100%;}
        .banner-inner-two-content .title {
        font-size: 26px;
        line-height: 42px;
    }
    .home-banner1-img{ width: 208% !important;
        max-width: 150%;
        margin-left: -100px;}
        .home-banner3-img { width: 70% !important;
        margin-top: -20px;
        float: right;}
        .home-slider-bg {
    position: absolute;
    bottom: 0;
    /* right: 0; */
    width: 100%;
    height: 100%;
    pointer-events: none;
    left: 3px;
    object-fit: cover;
}
.inner-image-slider{ height: 300px;}
.inner-image-slider img{ object-fit: cover; width: 100%;
        height: 100%;}
.about-banner .banner-text .top-text {
    font-size: 20px;
}
.about-banner .banner-text .bottom-text {
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
    padding-top: 3px;
}
      .about-banner .banner-text {
    position: absolute;
    left: 5%;
    top: 71%;
    color: #fff;
    text-transform: uppercase;
    z-index: 5;
    text-align: left;
    font-weight: 300;
}
.m-flex-wrap{ flex-wrap: wrap;}
.about-inner-section .about-top-row .left-text {
    width: 100%;
}
.about-inner-section .about-top-row .right-photo {
    width: 100%;
}
.about-inner-section .about-top-row .about-mid-title{ font-size: 24px; padding-bottom: 20px; line-height: 34px;}
.about-top-row{ width: 100%; padding-bottom: 20px;}
.timeline-text p{ font-size: 12px;}
.timeline-title{margin-left: 10px; font-size: 16px;}
.backbone-section .mid-section .left-text{ width: 100%;}
.backbone-section{ padding: 40px 0; margin-bottom: 0; margin-top: 50px; }
.backbone-section .mid-section .left-text p{ padding-bottom: 10px; margin-bottom: 10px;}
.backbone-section .mid-section .left-text .title{ font-size: 24px; padding-bottom: 10px;}
.backbone-section .mid-section .right-img{ width: 100%;}
.backbone-section .mid-section .right-img video{ width: 100%;}
.backbone-section .mid-section{ gap:20px}
.powerhouse-section{ padding: 40px 0;}
.powerhouse-section .mid-section .left-img{ width: 100%;}
.powerhouse-section .mid-section{ gap:20px;}
.powerhouse-section .mid-section .right-text{ width: 100%;}
.powerhouse-section .mid-section .right-text .title{         font-size: 24px;
        padding-bottom: 10px;
        line-height: 36px;
        padding-top: 0;}
.powerhouse-section .mid-section .right-text p{ padding-bottom: 10px; margin-bottom: 10px; }
.purpose-section{padding: 30px 0 25px 0;}
.purpose-section .mid-section p{text-align: left;}
.purpose-section .mid-section .title{         font-size: 24px;
        padding-bottom: 10px;
        line-height: 36px;
        padding-top: 0;}
        .timeline-row{ overflow: visible;}
        .aboutus-timeline{padding-bottom: 50px; padding-right: 10px; margin-top:-50px;}
        .aboutus-timeline::before{top: 61px; left: 19px;}
       .download-grid{ grid-template-columns:inherit; gap: 15px;}
       .download-tab-button-row button{
    flex: 0 0 auto;
    font-size: 12px;
}
.download-tab-button-row{ overflow-y: scroll;}
.desk-none{ display: block;}
.mob-none{ display: none;}
.events-top-text{ width: 100%;}
.events-top-text p{ padding-bottom: 0; margin-bottom: 0; text-align: left;}
.events-top-text .title{ font-size: 24px; padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;}
    .tabRowWrapperX{ width: 100%;}
    .tabContentX{ width: 100%;}
    .event-shap1{column-count: 1;
        --webkit-column-count: 1;
        --moz-column-count: 1}
      .tabPaneX .grid-wrapper{grid-template-columns: 1fr; /* one column */
  gap: 20px;}
  .product-detail-section .swiper{ width: 90%;}
  .product-detail-section .swiper-slide{    min-height: 300px;}
  .breadcrumb .right-breadcrumb-menu a {
    padding: 7px 0px 0px 0px;
}
.custom-links a {
    font-size: 12px;
}
.container-main2{ width: 100%;}
.overview-section{width: 100%;}
.beefup__head button {
    padding: 20px 10px;
    border: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}
.faq-section{ width: 94%; padding: 30px 0;}
.beefup__body {padding:0 10px 20px 30px;}
.overview-section .overview-title{padding-bottom: 10px; font-size: 16px;width: 100%; }
.overview-section .overview-title span{ }
.rts-pricing-area-one .pricing-tab-button-area ul.nav li button{ padding: 12px 10px; font-size: 11px;}
.rts-pricing-area-one .pricing-tab-button-area ul.nav{margin-top: 20px;
    flex-wrap: nowrap;}
    .rotetion-360-video{margin: 20px auto 0px auto;}
    .wire-overview .main-img img {
    width: 100%!important;
}
.leo-mid {
    padding: 30px 0 30px 0;
    float: left;
    width: 100%;
}
.leo-mod-row {
    margin-top: 50px;
    float: left;
    width: 100%;
    height: 100%;
}
.leo-mod-row .left-text {
    margin-top: 20px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
.leo-mod-row .right-img {
    float: right;
    position: relative;
    width: 100%!important;
    margin-top: 20px;
}
.leo-mid .right-img {
    width: 100%!important;
}
.leo-mid .left-text {
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    padding: 0px 0 0 0;
}
.leo-art-row {
    padding: 30px 0;
    float: left;
    width: 100%;
}
.leo-art-row .product-box {
    position: relative;
    width: 100%;
    padding-top: 30px;
}
.product-cat-download-section .download-text {
    right: 2%;
}
.product-cat-download-section .download-text a {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #fff;
    padding: 10px 11px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.8);
}
.product-cat-download-section img {
    position: relative;
    height: 300px;
    object-fit: cover;
}
    .header-main-one-wrapper .thumbnail a img {
        max-width: 100px;
    }
    .product-detail-section .swiper{ max-width: 100%;}
    .cat-row .cat-text {
    display: flex;
    align-items: center;
    width: 100%;
}
.cat-img {
    width: 100%;
}
.cat-row {
    height: 100%;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.cat-row .cat-text-box {
    width: 100%;
    text-align: justify;
    padding-top: 30px;
}
.cat-row .cat-text-box h2 {
    font-size: 24px;
    padding-bottom: 0px;
    padding-left: 5%;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.cat-row .cat-text-box .sep {
    margin-bottom: 15px;
    width: 260px;

}
.cat-row .cat-text-box .cat-info {
    padding-left: 5%;
    padding-right: 5%;
}
.cat-row .cat-text .cat-btn {
    padding-left: 3%;
    margin-top: 10px;
    margin-bottom: 30px;
}
    .rts-btn { height: 40px;}
    .product-cat-grid{}
    .product-cat-grid .card {
    max-height: 100%;
    padding: 15px 0;
     width: 90%;
     margin-right:5%;
     margin-left:5%;
    
}
   .product-cat-grid .card img {
        width: 80%;
        margin: 0 auto;
        float:inherit;
        
    }
        .product-cat-grid .card .content {
               width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 10px;
    }
    .wd-banner-img{width: 100%;
    padding-top: 50px;
}
.stargate-app-banner .mid-section {
margin: 0 auto;
        gap: 10px;
        max-width: 100%;
        align-items: center;
        flex-direction: row-reverse;
        padding: 0 10px;
}
.stargate-app-banner .stargate-banner-app {
    width: 100%;
}
.stargate-app-banner .stargate-banner-text {
font-size: 18px;
        line-height: 29px;
        top: 35%;
        right: 30%;
        width: 100%;
}
.stargate-app-banner {
    padding-top: 30px;
}
.stargate-app-mid {
    width: 100%;
    padding-top: 30px;
}
.stargate-app-mid .mid-section {
    width: 100%;
    margin: 0 auto;
    gap: 10px;
    max-width: 100%;
    align-items: center;
}
.stargate-app-mid .left-man {
    width: 50%;
}
.stargate-app-mid .right-text {
    color: var(--footer-link-color);
    width: 48%;
    padding-right: 2%;
}
.stargate-app-mid .right-text .top-big-title {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    padding-bottom: 20px;
    line-height: 37px;
}
.stargate-app-mid .right-text .top-s-title {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}
.stargate-app-screen-row .title {
    padding-top: 30px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 0px;
    line-height: 34px;
    padding-left: 3%;
    padding-right: 3%;
}
.bottom-appdownload-row .title {
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 15px;
    line-height: 40px;
}
.bottom-appdownload-row .mid-section {
    gap: 0;
    width: 100%;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
    justify-content: space-around !important;
}
.bottom-appdownload-row .mid-section img{ max-width: 150px;}
.bottom-appdownload-row {
    width: 100%;
    padding-bottom: 50px;
}
.slider-area {
    padding-bottom: 30px;
}
.stargate-app-mid .right-text p {

    font-size: 14px;
    line-height: 21px;
    padding-bottom: 20px;
    font-weight: 400;
    margin-bottom: 0;
}
.wire-overview .main-img {
    margin-top: 50px;
    text-align: center;
}
.lighting-mid {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-bottom: 30px;
    margin-top: 30px;
    height: auto;
}
.lighting-mid .left-text {
    width: 100%;
    line-height: 40px;
    padding-top: 0;
}
.lighting-mid .product-img {
    /* top: -20px; */
    width: 100%;
    position: relative;
    /* float: left; */
}
.lighting-mid-scroll {
    padding: 30px 0;
    display: inline-block;
    width: 96%;
}
.lighting-mid-bottom .center-img {
    left: 0;
    right: 0;
     position: inherit; 
}
.lighting-mid-bottom .center-img img {
    width: 100%;
}
.lighting-mid-bottom .mid-info {
    gap: 20px;
    padding-top: 0;
    flex-wrap: wrap;
}
.lighting-mid-bottom .mid-info .left-box .content-box {
    text-align: left;
            padding-top: 20px;
}
.lighting-mid-bottom .mid-info .content-box .top-text-row {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
}
.lighting-mid-bottom {
    padding: 30px 0;

}
.lighting-mid-bottom .mid-info .content-box + .content-box {
    padding-top: 20px;
}
    .wire-overview .main-img {
        margin-top: 20px;
        width: 100%;
    }
        .wire-overview .main-img img {
        width: 100%;
    }
    .wire-mid {
    padding: 20px 0 0 0;
    margin-top: 20px;
}
.pricing-body .single-pricing.available .price-details {
    font-weight: 400;
    font-size: 14px;
}
.wire-mid .right-img {
     float: inherit; 
    position: relative;
    width: 50%;
    right: 0;
    margin-top: 0;
    text-align: center;
    margin: 0 auto;
}
.wire-banner-img{ width:100%; margin: 0 auto;}
.mcb-bottom-center{flex-wrap: wrap;}
    .mcb-bottom.right-img {
        width: 100%;
    }
      .mcb-bottom .right-img img{
        width: 85%;
    }
        .mcb-bottom .left-text {
        width: 100%;
        padding: 0 5%;
    }
    .mcb-bottom .left-text .title {
    padding-bottom: 0px;
    line-height: 30px;
    font-size: 24px;
}
.mcb-mid .right-img {
    float: inherit;
    position: relative;
    width: 80%;
    right: inherit; 
     margin-top: 0; 
    text-align: center;
    margin: 0 auto;
}
.mcb-mid .left-text{ margin-top: 0;}

.mcb-mid{ height: auto; padding-top: 20px; max-height: 100%; margin-top: 30px;} 
.fan-mid .right-img {
    width: 100%;
    padding-top: 30px;
}
.fan-mid-scroll{        padding: 30px 0;
        width: 96%;}
        .fan-mid .left-text .title {
    padding-bottom: 0;
}
    .leo-banner-img {
        float: left;
        width: 150%;
    margin-left: -102px;
    }
    .aura-banner-img{    width: 135%;
    margin-left: -50px;}
.leo-banner-img img{ width: 150%;}
.leo-mid .left-text .title{padding-bottom: 0px; font-size: 24px;}
.leo-art-row .title{font-size: 24px;}
.aura-top-row .left-img {
    width: 100%;
}
.aura-top-row .right-text {
    width: 100%;
    padding-top: 0;
}
.aura-mid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
        margin-top: 40px;
        height: 100%;
        padding-bottom: 30px;
}
.aura-top-row .right-text .title {
    padding-bottom: 0px;
}
.aura-mid .product-img{ position: inherit;}
.aura-mid .left-text .title{ padding-top: 0;}
.adora-banner-img{ text-align: left; width: 170%; margin-left: 25px;}
.adora-banner-img img{ width: 50%;}
.adora-top-row{ width: 100%; padding-top: 20px;}
.adora-top-row .right-part .title {
    padding-left: 0;
    line-height: 30px;
    font-size: 18px;
}
.adora-top-row .title{font-size: 18px; line-height: 30px;}
.adora-mid{ margin-top: 40px;}
.adora-mid .left-text .title{line-height: 40px; padding-bottom: 0px;}
.adora-art-row .product-box .product-img img {
    max-height: 170px;
}
.adora-art-row .product-box-info {
    margin-top: 100px;
    padding: 15px 10px 15px 190px;
    background: #f5f5f5;
}
.leo-art-row .title{ padding-bottom: 0;}
.image-section{ width:94%}
    .rotetion-360-video, .vbox {
        margin: 20px auto 0px auto;
        width: 100% !important;
    }
   .image-section .tab button{ font-size: 12px;}
   .altis-mid .left-text{ width: 100%;
    padding-left: 0;}
    .cadila-mid-img{ width: 100%;}
    .clair-mid img{ width: 100% !important;}
    .video-tab-player{ width: 100%;}
    .wire-icon-section{ padding: 15px 0 15px 0}
    .wire-inner-overview p {
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 14px;
        line-height: 24px;
}
.lighting-mid .product-img img{ width: 100%;}
.wire-top-img-section .w50per{ width: 100% !important;}
.wire-pack-section{ flex-wrap: wrap; padding-top: 20px; gap:20px}
.wire-pack-section .pack-photo {
    width: 100%;
}
.wire-pack-section .fetures-icon {
    width: 100%;
            width: 100%;
        display: flex;
        justify-content: center;
        gap: 10px;
}
.wire-pack-section .fetures-icon-box {
    width: 33.33%;
    padding-bottom: 20px;
}
.lighting-section .rotetion-360-video{ padding: 0 0 30px 0;}
.lighting-section .overview-section{ width: 96%; padding-top:30px;}
.lighting-section .fetures-icon-row{flex-wrap: wrap; gap:10px; width:100%; padding-top:10px;}
.lighting-section .swiper-slide img{ width: 90%;}
.lighting-section .fetures-icon-row img{height:30px; padding-top: 10px;}

body.no-scroll {
    overflow: hidden;       /* disable scroll when menu open */
    height: 100vh;
  }

  .mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;            /* initial hidden */
    width: 90%;
    height: 100vh;
    background: #fff;
    padding: 20px;
    transition: right 0.3s ease;
    z-index: 99;
    overflow-y:scroll;
  }

  .mobile-menu.active {
    right: 0;               /* slide in */
  }

  .mobile-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease;
    z-index: 98;
  }

  .mobile-menu-overlay.active {
    visibility: visible;
    opacity: 1;
  }
  .rts-sidebar-menu-desktop .d-none{ display: block!important;}
.mobile-menu .close-btn{    color: #fff;
    height: 50px;
    width: 50px;
    min-width: 50px;
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;}
    .wire-icon-section .icon-box .img-box img{width:35px;
        margin-left: -20px;
        margin-top: -20px;
          font-size: 27px;
    }
    .menu-btn2{ border: 0;}
    .social-wrapper-one::after{ background: none;}
    .rts-banner-area-two {
    position: relative;
    height: 450px;}
.ha-home-slider .top-logo{gap:70px;}
.home-counter .container{width:100%;}
.home-count-box{ width:50%;}
    .all-mid-interior .swiper-slide {min-height: auto; width:100%;}
    .wire-overview .right-img{ width:50%; padding-top: 15px;}
    .wire-bottom-img{padding-top:20px;}
    .wire-mid .left-text .title{ padding-bottom:10px}
    .wire-pack-section .fetures-icon-box img{width: 35px;}
    .wire-overview{padding-top:20px;}
    .wire-pack-section .fetures-icon-box .text-info{width:auto; font-size: 10px;}
    .wire-icon-section{gap:10px;}
    .wire-icon-section .icon-box .img-box img{width:35px;}
    .wire-icon-section .icon-box .text{font-size:10px;}
    .left-breadcrumb a{padding-left:0;}
    .left-breadcrumb{gap:10px;}
    .breadcrumb .right-breadcrumb-menu{float:right; width:100%;}
    #theme-toggle{bottom:15%; top: inherit;}
    .event-section .container{padding:0 10px;}
    .rts-testimonials-area-main-wrapper .swiper-button-next{display:none;}
    .triangle-down{    border-top: 30px solid #fff;}
    .breadcrumb .custom-links a{font-size:12px;}
    .breadcrumb .right-breadcrumb-menu .custom-links{    display: flex;
    justify-content: center;
    gap: 10px;}
    .adora-mid .right-img{width:100%}
}