<link href="/ceilingdesign/css/bootstrap.min.css" rel="stylesheet">
<link href="/ceilingdesign/css/style.css" rel="stylesheet"> <style>
.container_panel { float: left; width: 100%; padding: 0 4px 12px;background: #fff;}
.col-md-3 { width: 20%; margin: 12px 0 0; padding: 0 8px;}
.row{ margin:0}
@media only screen and (max-width:1024px) {
.col-md-3{ width:33.33%; float:left;}
}
@media only screen and (max-width:580px) {
.col-md-3{ width:50%; float:left;}
}
@media only screen and (max-width:420px) {
.col-md-3{ width:100%; float:left;}
}
</style>
<!--[if lt IE 9]>
<script src="/ceilingdesign/html5shiv.min.js"></script>
<script src="/ceilingdesign/respond.min.js"></script>
<![endif]-->
<section class="back_g">
<div class="">
<h1 class="heading">Choose Your design</h1>
<div class="">
<div class="container_panel">
<div id="seilingBlock" class="seilingBlock"> </div>
<input id="div_0" type="hidden" value="1">
<input id="div_1" type="hidden" value="1">
<input id="div_2" type="hidden" value="1">
<input id="div_3" type="hidden" value="1">
<input id="div_4" type="hidden" value="1">
<input id="div_5" type="hidden" value="1">
<input id="div_6" type="hidden" value="1">
<input id="div_7" type="hidden" value="1">
<input id="div_8" type="hidden" value="1">
<input id="div_9" type="hidden" value="1">
<input id="div_10" type="hidden" value="1">
<input id="div_11" type="hidden" value="1">
<input id="div_12" type="hidden" value="1">
<input id="div_13" type="hidden" value="1">
<input id="div_14" type="hidden" value="1">
</div>
</div>
</div>
</section> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="/ceilingdesign/js/function_test.js"></script>