<style>
    
    @media only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait){

.slider-img-for-mobile{
    display:block !important;
    width:320px !important;
    height:200px !important;
   margin-top: 50px !important;
}

.slider-heading-mobile{
display: none !important;
}

.slider-text-mobile{
display: none !important;
}

}

</style>
            <section>
                <!--<div class="gfhgf"></div>-->
                <div class="w-100">
                    <div id="rev_slider_4_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="notgeneric125" data-source="gallery" style="background-color:transparent;padding:0px;">
                        <div id="rev_slider_4_1" class="rev_slider fullscreenbanner" style="display:none;background-image: url(<?=$site_url?>/images/banner.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;" data-version="5.4.1">
                            <video width="100%" muted="" autoplay="" loop="" playsinline="" poster="">
      <source src="<?=$site_url?>/images/Home_new_1.mp4" type="video/mp4">
    </video>
                            <ul>


<?php
$i=0;
$flash_sql_img1=db_query("select * from tbl_header_flash where 1 and header_flash_status='Active' order by header_flash_id asc");
while($flash_res1=mysqli_fetch_array($flash_sql_img1))
{
    $i++;
$im=$site_url."/flash_images/".$flash_res1['header_flash_image_name'];
?>

                                <li  data-index="rs-<?=$i?>" data-transition="random" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-title="Slide Title" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000"  data-rotate="0"  data-fstransition="random" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                    
                                    <!-- LAYER NR. 1 -->
                                    <div class="tp-caption tp-resizeme" 
                                        id="slide1-layer-1" 
                                        data-x="['right','right','right','right']" data-hoffset="['-110','-110','0','0']" 
                                        data-y="['middle','middle','middle','middle']" data-voffset="['80','80','0','0']" 
                                        data-fontsize="['60','60','50','40']"
                                        data-lineheight="['70','70','60','50']"
                                        data-width="none"
                                        data-height="none"
                                        data-whitespace="nowrap"                     
                                        data-type="text" 
                                        data-responsive_offset="on"
                                        data-frames='[{"from":"y:0;z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":2000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                        data-textAlign="['center','center','center','center']"
                                        data-paddingtop="[0,0,0,0]"
                                        data-paddingright="[0,0,0,0]"
                                        data-paddingbottom="[0,0,0,0]"
                                        data-paddingleft="[0,0,0,0]"
                                        >
                                        <img class="slider-img-for-mobile" src="<?=$im?>" alt="<?=str_replace("LOCATION",$locationName,$flash_res1['header_flash_title'])?>">
                                    </div>

                                   

                                    <!-- LAYER NR. 4 -->
                                    <div class="slider-heading-mobile tp-caption tp-resizeme" 
                                        id="slide1-layer-4" 
                                        data-x="['center','left','center','center']" data-hoffset="['0','0','0','0']" 
                                        data-y="['middle','middle','middle','middle']" data-voffset="['-100','-100','-70,'-50']" 
                                        data-fontsize="['80','70','50','40']"
                                        data-lineheight="['85','75','60','50']"
                                        data-width="none"
                                        data-height="none"
                                        data-whitespace="nowrap"                     
                                        data-type="image" 
                                        data-responsive_offset="on"
                                        data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":2000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                        data-textAlign="['center','left','center','center']"
                                        data-paddingtop="[0,0,0,0]"
                                        data-paddingright="[0,0,0,0]"
                                        data-paddingbottom="[0,0,0,0]"
                                        data-paddingleft="[0,0,0,0]"
                                        style="letter-spacing: 0;font-weight:800;font-family: Nunito;color:#fff;"><?=str_replace("LOCATION",$locationName,$flash_res1['header_flash_title'])?>
                                    </div>

                                    <!-- LAYER NR. 5 -->
                                    <div class="slider-text-mobile tp-caption" 
                                        id="slide1-layer-5" 
                                        data-x="['center','left','center','center']" data-hoffset="['0','0','0','0']" 
                                        data-y="['middle','middle','middle','middle']" data-voffset="['40','40','40','30']" 
                                        data-width="none"
                                        data-height="none"
                                        data-whitespace="nowrap"                     
                                        data-type="text" 
                                        data-responsive_offset="on" 
                                        data-responsive="on"
                                        data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":2000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                        data-textAlign="['center','left','center','center']"
                                        data-paddingtop="[0,0,0,0]"
                                        data-paddingright="[0,0,0,0]"
                                        data-paddingbottom="[0,0,0,0]"
                                        data-paddingleft="[0,0,0,0]"
                                        style="line-height: 26px;font-family: Rubik;font-size: 1rem;letter-spacing: 0;font-weight: 400;color: #fff;"><?=str_replace("LOCATION",$locationName,$flash_res1['header_flash_description'])?>
                                    </div>

                                </li>

                                <?}?>





                                
                                
                                
                                
                            </ul>
                        </div>
                    </div><!-- END REVOLUTION SLIDER -->
                </div>
            </section>