@charset "utf-8";
/* CSS Document */

#topBar{
width:100%;
padding:4px 0px;
background-color:#0080FF;
color:#fff;
font-family: 'Source Sans Pro', sans-serif;}

#logoBar{
width:100%;
padding:12px 0px;
font-family: 'Source Sans Pro', sans-serif;}

#sliderBar{
width:100%;
font-family: 'Source Sans Pro', sans-serif;}

/* Make the image fully responsive */
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }
  
.captiontxt{
font-size:66px;
text-shadow: 1px 1px #000;
text-transform:uppercase;
background-color:#00000069;} 

#bodyBar{
width:100%;
font-family: 'Source Sans Pro', sans-serif;
padding:30px 0px;}

#bodyBar2{
width:100%;
font-family: 'Source Sans Pro', sans-serif;
padding:0px 0px 30px 0px;}


#footBar{
width:100%;
padding:4px 0px;
background-color:#0080FF;
color:#fff;
font-family: 'Source Sans Pro', sans-serif;
font-size:12px;}

#bannerProduct{
width:100%;
padding:60px 0px;
font-size:30px;
font-family: 'Source Sans Pro', sans-serif;
background-image:url(../images-cd/banner-product.jpg);
background-repeat:no-repeat;
text-shadow: 1px 1px #fff;}



#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}


@media (min-width: 280px) and (max-width: 800px) {

.spacing{
text-align:center !important;}

.captiontxt{
font-size:16px;
text-shadow: 1px 1px #000;
text-transform:uppercase;
background-color:#00000069;} 
}