<!--


 .columntest1{   
 border: 1px solid #ddd;
 border-radius: 10px;
  padding: 10px;
  float: left;
  width: 280px;
  height: 480px;
   padding: 20px;
   }  

           
@media only screen and (max-width: 600px) {
 .columntest1{   
  float:none;
   }  

}

.style7 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
-->
.columntest {

  border: 0px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  float: left;
  width: auto;
  height: auto;
  padding: 20px;
}
select {
width: auto;
}

.sold_out {
    top: 2em;
    left: -4em;
    color: #fff;
    display:block;
    position:absolute;
    text-align: center;
    text-decoration: none;
    letter-spacing: .06em;
    background-color: #A00;
    padding: 0.5em 5em 0.4em 5em;
    text-shadow: 0 0 0.75em #444;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    font: bold 16px/1.2em Arial, Sans-Serif;
    -webkit-text-shadow: 0 0 0.75em #444;
    -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    -webkit-transform: rotate(-45deg) scale(0.75,1);
    z-index:10;
}
.sold_out:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: -0.3em -5em;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    border: 2px rgba(255,255,255,0.7) dashed;
}

.new_prod {
    top: 2em;
    left: -4em;
    color: #fff;
    display:block;
    position:absolute;
    text-align: center;
    text-decoration: none;
    letter-spacing: .06em;
    background-color: #3266c7;
    padding: 0.5em 5em 0.4em 5em;
    text-shadow: 0 0 0.75em #444;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    font: bold 16px/1.2em Arial, Sans-Serif;
    -webkit-text-shadow: 0 0 0.75em #444;
    -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    -webkit-transform: rotate(-45deg) scale(0.75,1);
    z-index:10;
}
.new_prod:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: -0.3em -5em;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    border: 2px rgba(255,255,255,0.7) dashed;
}
.img__wrapper{
  position:relative;
  overflow:hidden;
}

.product-new-top {
    background: #de4242;
    color: #fff;
    right: 0;
    position: absolute;
    top: 0;
    width: 70px;
    font-size: 13px;
    height: 25px;
    text-align: center;
    
    line-height: 1.5;
}

.product1-new-top {
    background: #6bb75c;
    color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px;
    font-size: 13px;
    height: 25px;
    text-align: center;
    
    line-height: 1.5;
}

.info-product-price {
    margin: 12px 0;
}
span.item_price {
    font-size: 18px;
    color: #d60404;
}
.info-product-price del {
    font-weight: 300;
    margin-left: 13px;
    font-size: 15px;
}

	.myButtonr {
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButtonr:hover {
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
}
.myButtonr:active {
	position:relative;
	top:1px;
}

	.style1abc {font-size: 14px;
	
	}
        .style128 {
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
}


  #owl-demo .item{
      margin: 3px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }            
           
 .card12{ width: 484px; padding: 12px}  
 .card13{ width: 276px; padding: 12px}
 .card14{ width: 332px; padding: 12px}  
 .card15{ width: 276px; padding: 12px}
 .card16{ width: 484px; padding: 12px}
.navbar { min-height: 105px;padding-left: 220px;}
           
@media only screen and (max-width: 600px) {
    .card12{ width: 100%;  }
    .card13{ width: 100%;  }
    .card14{ width: 100%;  }
    .card15{ width: 100%;  }
    .card16{ width: 100%;  }
    .abcd{width: 100%; padding-left: 100px}
    .abcd3{  padding-left: 70px}
    .columntest{  padding-left: 70px}
    .navbar {padding-left: 10px;}

}



.card-text{
    font-size: 12px;
}
.card-title{
    font-size: 12px;
}

.card-title2{
     font-size: 17px;
    text-align: left;
}

.card-title1{
   font-size: 12px; 
   text-align: left; 
}

.card-title3{
   font-size: 10px; 
   text-align: left; 
    color: black;
}

.card-body1{
    width: 700px;
}

.mobileHide { display: inline; }

  /* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){
     .mobileHide { display: none;}
  }	
  
    .mobileShow {display: none;}

  /* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){ 
      .mobileShow {display: inline;}
  }


        
        .navbar-brand{font-family: 'Lato Regular';font-size: 13px;}

.navbar-brand {
    padding-left: 100px;
  padding: 0 15px;
  height: 80px;
  line-height: 80px;

}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}



.headermessage {
  margin: 19px;
  color: black;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.image2-block {
    border: 3px solid white ;
    background-color: black;
    padding: 0px;    
    margin: 0px;
    height:200px;
    text-align: center;
    vertical-align: bottom;
}
.image2-block > p {
    width: 100%;
    height: 100%;
    font-weight: normal;
    font-size: 19px;
    padding-top: 150px;
    background-color: rgba(3,3,3,0.0);
    color: rgba(6,6,6,0.0);
}
.image2-block:hover > p {
    background-color: rgba(3,3,3,0.5);    
    color: white;    
}