html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body{ font-size:16px; }



.shop_hero2_in {
    width:auto;
    position: relative;
    font-size: 0.8em;
    font-weight: normal;
}

.shop_hero2_in .caption {
    position: absolute;
    width:45%;
    height:auto;
    bottom: 0px;
    left: 0px;
    color: #000;
    background: none repeat scroll 0% 0% #FFF;
    opacity: 0.8;
    box-sizing: border-box;
    padding: 5px;
    margin: 0px;
    line-height: 20px;
    border: none;
    word-wrap: break-word;
    clear:both;
    font-size: 1em;
}

.new_orange_d_block_in .caption {
    position: absolute;
    width:100%;
    bottom: 0px;
    left: 0px;
    color: #000;
    background: none repeat scroll 0% 0% #FFF;
    opacity: 0.8;
    box-sizing: border-box;
    padding: 5px;
    margin: 0px;
    line-height: 20px;
    border: none;
    word-wrap: break-word;
    clear:both;
    font-size: 1em;
}




.new_orange_d_content_title{ font-size:1.5em; }


.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    top:270px !important;
    left: -20%;
    width: 100%;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.ob_container{
padding: 5px;
width: 960px;
margin: 20px auto;
clear:both;
position:relative;
overflow:hidden;
font-family:Arial;
}

.ob_row{
clear:both;
overflow:hidden;
margin: 0 -20px;
margin-bottom: 20px;
}

.ob_row:last-child {
  margin-bottom: 0;
}



.ob_container table{ border-collapse: collapse; border:1px solid #CCC; }

.ob_container table th{ text-align:center; border-bottom:1px solid #CCC; font-size:14px; font-weight:bold; background:none repeat scroll 0px 0px #F6F6F6; padding:5px; }

.ob_container table td{ font-size:14px; border:1px solid #CCC; vertical-align:middle; text-align:center; padding:5px; }

.ob_container table td.special{ background:#F2F1EE; font-weight:bold; text-align:center;}

.ob_container ul.list_style{ padding:0px;  padding-left:15px; margin:0px; }

.ob_container ul.list_style li{ list-style:square; color:#F16E00; margin-bottom:5px; }
.ob_container ul.list_style li span{ color:#000000; }

.wide_grey{ clear:both; margin-top:10px; margin-bottom:10px; z-index:auto; overflow:hidden; height:2px; background:#CCC; }

.ob_container ol.list_style{ padding:0px;  padding-left:15px; margin:0px; }
.ob_container ol.list_style li{ margin-bottom:5px; }

/* grid styles */

.col {
  padding: 20px;
}

.col-12 {
float: left;
width: 100%;
}

.col-2-3 {
float: left;
width: 66.66%;
}

.col-1-2 {
float: left;
width: 50%;
}

.col-1-3 {
float: left;
width: 33.33%;
}

.col-1-4 {
float: left;
width: 25%;
}

.col-1-8 {
float: left;
width: 12.5%;
}

.col-2-3  img{
width:100%;
max-width:100%;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
display:block;
margin:0;
clear:both;
}


.col-2-3  img:hover{
opacity: 0.5;
}

.col-1-2 img{
width:100%;
max-width:100%;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
display:block;
margin:0;
clear:both;
}


.col-1-2 img:hover{
opacity: 0.5;
}

.col-1-3 img{
width:100%;
max-width:100%;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
display:block;
margin:0;
clear:both;
}


.col-1-3 img:hover{
opacity: 0.5;
}

.col-1-4 img{
width:100%;
max-width:100%;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
display:block;
margin:0;
clear:both;
}


.col-1-4 img:hover{
opacity: 0.5;
}

.col-1-8 img{
width:100%;
max-width:100%;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
display:block;
margin:0;
clear:both;
}


.col-1-8 img:hover{
opacity: 0.5;
}

/* end grid style */


@media screen and (min-width: 980px) {


}

@media screen and (max-width: 980px) {

.ob_container{
width:94%;
clear:both;
margin: 20px auto;
padding: 5px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
display:none;
}


}

@media screen and (min-width: 700px) {


.new_orange_d_content_title{ font-size:1.5em; }

.new_orange_d_block_in .caption { font-size:1em; }


}

@media screen and (max-width: 700px) {

/* set width to full */
.col-2-3, .col-1-3, .col-1-2, .col-1-4, .col-1-8 { float:none; width:auto; }

.col-2-3  img{ height:auto; }
.col-1-2 img{ height:auto; }
.col-1-3 img{ height:auto; }
.col-1-4 img{ height:auto; }
.col-1-8 img{ height:auto; }

.new_orange_d_block_in .caption { font-size:0.8em; }
.shop_hero2_in .caption { font-size:0.8em; }

.new_orange_d_content_title{ font-size:1.1em; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
display:none;
}

.shop_hero2_in {  font-size:1em; }

}