













@media (min-width: 481px) and (max-width: 767px) {
  
 .owl-carousel .owl-item .stan-hero-slider img {
    width: 61%;
}

.stan-text-slider {
    width: 100%;
    margin: 0 auto;
}

.stan-text-slider h2 {
    font-size: 13px;
}

.mean-container .mean-nav > ul .homemenu-items .homemenu{width: 100%;}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb::before{background-color: transparent;}

.menu-heading {
    margin-bottom: 10px;
}

.Ourjourney-box{margin-top: 10px;}
.Growth-Vision{margin-top: 15px;}
.Growth-Vision-box-text {
    text-align: center;
    padding: 48px 6px;
}
.Growth-Vision-box-text h4 {
    color: #fff;
    width: 93%;
}

.faq-wrapper .faq-image img {
    width: 100%;
    height: 100%;
}

.work-process-items {
    margin-top: 30px;
    border-bottom: 1px dotted #fff;
    padding-bottom: 20px;
}

.testimonial-wrapper-2 .tesimonial-area .tesimonial-card-items{
    height:auto;
}

.LEDxstage-box-text{width: 100%;}
.LEDxstage-box-text img{width: 100%;}
.brand-rightside{
    width: 100%;
}
.brand-rightside img{
    width: 100%;
}

.heading2{display: none;}


.menumore {
    display: contents;

}

.menuboxhead {
    width: 100%;
}
.megaheading h2 {
    font-size: 15px;
}

.mean-container .mean-nav ul li li a {
    width: 100%;
    padding: 10px 4%;
    text-shadow: none !important;
    visibility: visible;
    margin-bottom: 15px;
    border-bottom: none;
    border-bottom: 1px dotted #000000 !important;
}

.header-left {
    width: 44%;
}


.desktop-slider{
    display: none;
}
.mobile-slider{display: block;}

.SharpyLightsbanner-desktop{
    display: none;
}
.SharpyLights-bannermoble{display: block;}

.hero-3 .slider-image.slider-image2::before {
    background: linear-gradient(270deg, rgba(5, 26, 108, 0) 14.74%, #0a91ec91 70.82%);
    opacity: 0.95;
}


.hero-3 .slider-image::before {
   
    background: linear-gradient(270deg, rgba(5, 26, 108, 0) 14.74%, #d8570866 70.82%);
    opacity: 0.95;
}

.hero-3 .slider-image.Laser-Machines-slider::before {
   
    background: linear-gradient(270deg, rgba(5, 26, 108, 0) 14.74%, #a902836e 70.82%);
    opacity: 0.95;
}


  
}



@media (min-width: 320px) and (max-width: 480px) {
  
   .owl-carousel .owl-item .stan-hero-slider img {
    width: 61%;
}

.stan-text-slider h2 {
    font-size: 13px;
}


.stan-text-slider {
    width: 100%;
    margin: 0 auto;
}


.mean-container .mean-nav > ul .homemenu-items .homemenu{width: 100%;}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb::before{background-color: transparent;}

.menu-heading {
    margin-bottom: 10px;
}

.Ourjourney-box{margin-top: 10px;}
.Growth-Vision{margin-top: 15px;}

.Growth-Vision-box-text {
    text-align: center;
    padding: 48px 6px;
}
.Growth-Vision-box-text h4 {
    color: #fff;
    width: 93%;
}

.faq-wrapper .faq-image img {
    width: 100%;
    height: 100%;
}

.work-process-items {
    margin-top: 30px;
    border-bottom: 1px dotted #fff;
    padding-bottom: 20px;
}

.testimonial-wrapper-2 .tesimonial-area .tesimonial-card-items{
    height:auto;
}


.LEDxstage-box-text{width: 100%;}

.LEDxstage-box-text img{width: 100%;}

.brand-rightside{
    width: 100%;
}
.brand-rightside img{
    width: 100%;
}


.heading2{display: none;}


.menumore {
    display: contents;
}

.menuboxhead {
    width: 100%;
}

.mean-container .mean-nav ul li li a {
    width: 100%;
    padding: 10px 4%;
    text-shadow: none !important;
    visibility: visible;
    margin-bottom: 15px;
    border-bottom: none;
    border-bottom: 1px dotted #000000 !important;
}
.megaheading h2 {
    font-size: 15px;
}

.header-left {
    width: 44%;
}

.desktop-slider{
    display: none;
}
.mobile-slider{display: block;}

.SharpyLightsbanner-desktop{
    display: none;
}
.SharpyLights-bannermoble{display: block;}


.hero-3 .slider-image.slider-image2::before {
    background: linear-gradient(270deg, rgba(5, 26, 108, 0) 14.74%, #0a91ec91 70.82%);
    opacity: 0.95;
}


.hero-3 .slider-image::before {
   
    background: linear-gradient(270deg, rgba(5, 26, 108, 0) 14.74%, #d8570866 70.82%);
    opacity: 0.95;
}


.hero-3 .slider-image.Laser-Machines-slider::before {
   
    background: linear-gradient(270deg, rgba(5, 26, 108, 0) 14.74%, #a902836e 70.82%);
    opacity: 0.95;
}



  
}




