/* Begin Additional CSS Styles */
.art-blockheader .t, .art-vmenublockheader .t {white-space: nowrap;}

.vm-col-2 {
    width: 40%;
}
.vm-col {
    margin: 4px;
    
}

#bfSubmitButton{float:left; margin-left:5px !important; width:80px; height:40px;}
#ff_formdiv1 input, #ff_formdiv1 textarea{border:1px solid #919CE6; padding: 10px}
.item-pagecontact h2{padding: 0; margin: 0;     color: #1A2574;
    font-size: 32px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.bfQuickMode section.bfElemWrap {
    padding: 5px 0;
    margin: 0px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}

element.style {
    margin: -0  0  -15px 0;
    width: 10.5em;

/*-------------------------------------*/
   /* Virtuemart Category Custom */
    
 }.browse-view .row {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}

.browse-view .product {
    flex: 1 1 25%; /* Grow, shrink, base-width (adjust as necessary) */
    box-sizing: border-box;
    padding: 15px;
    max-width: 25%;
}

@media (max-width: 991px) {
    .browse-view .product {
        flex: 1 1 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 767px) {
    .browse-view .product {
        flex: 1 1 100%;
        max-width: 100%;
    }
}   
.product .browse-view-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}

/*--------------------------------------------*/
    
 
 
/* For mobile screens */
@media only screen and (max-width: 767px)
 {  div.product product-column 
{        width: 33.33%; /* Three columns */    }

     
 }
/* For mobile screens */
@media only screen and (max-width: 480px)
 {div.product product-column 
 {width: 50.0%; /* Two columns */ }  
 
 
  
}.responsive .art-header.landscape {
 height: 180px}  
 /*Or a responsive height like 30vh */
  background-size: cover{
  background-position: center;
  background-repeat: no-repeat;
}
 /*Landscape orientation*/ 
 @media screen and (orientation: landscape) {}
 .responsive-header { 
  background-image: url('../images/header.jpg'); 
  }

.responsive .art-header.portrait {
 height:10vh}  
/* Or a responsive height like 30vh*/ 
 background-size: cover{
 background-position: center;
 background-repeat: no-repeat;
}

/* Portrait orientation */
  @media screen and (orientation: portrait) {}
 .responsive-header {
  background-image: url('../images/bso-header-portrait-340x106.jpg');
  }


.responsive .art-header {
   height: 180px;
   max-width: 100%;
   min-width: 50%;
   background-position: center center !important;
   background-size: cover !important;
   background-repeat: repeat !important;
}


div.product {float:left;border:2px solid #4B8DCA;min-width: 365px;border-radius:9px; background:#EAFCFC;}

input.highlight-button




/* End Additional CSS Styles */


{}