<style>
	.sld-sty{height: 580px !important;}
	.slide img.img-responsive.slider-product {
    width: 100%;
	border:solid 1px #ccc; background-color:#fff;}
@media (min-width:320px) and (max-width:767px) 
{
	.navbar-collapse{position:relative; top:-10px !impotant;}
.sld-sty{height:auto!important;}
	.cbp-af-header .logo {
    margin-left: 0em;
           width: 250px !important;
}
	.slide img.img-responsive.slider-product {
    width: 100%;
    height: 100px;
}
	.banner-tag-line{/**height:100px; overflow:auto;***/}
	.banner-tag-line {
    font-size: 16px;
}
	.bx-wrapper img {
    height: 100px;
    width: 100%;
}
}
</style>

<section id="slides" class="BGdark" style="margin-top: 0px;">
	
<ul class="bxslider">
<?php  
$slider_query=db_query("SELECT * FROM tbl_header_flash WHERE 1 and header_flash_status='Active' ");
if(mysqli_num_rows($slider_query)>0){
	while($slider=mysqli_fetch_array($slider_query)){
?>
<li>
<img class="sld-sty" src="<?=$site_url?>/header_files/<?=$slider['header_flash_image_name']?>" alt="<?=$compDATA['admin_company_name']?>"/>

<div class="top-over-logo">
<div class="iso-logo">ISO 9001 - 2008</div>
<div class="aword-logo"><img src="<?=$site_url?>/header_files/header_flash_logo/<?=$slider['header_flash_logo']?>" title="" alt="" /></div>
</div>
<div class="symbol">
<div class="absShape text-center">
<div class="banner-tag-line"><?=$slider['header_flash_title']?></div>
</div>
<!--<div class="square3 opaque"></div>-->
<!--<div class="square2 opaque"></div>-->
<!--<div class="square1 opaque"></div>-->
</div>
</li>

<?php }}?>

</ul>
</section>