.mixbar{ 
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin:2px 0 0 0;
  padding:0;
  display:block;
  background-color: #F5F3E1;
  }
.mixdisplay {float:left; margin:0; padding:0; width:99%;

background-image: url(/prod2/snowofferbg.png);
background-image: -webkit-image-set( url(/prod2/snowofferbg.png) 1x, url(/prod2/snowofferbg2x.png) 2x);
background-repeat: no-repeat;
background-position: 80% 40%;
background-color: #F5F3E1;
}
#offer {width:50%; float:right; border:1px solid #7f2d91; margin: 3%;}
 h2 {color:#43aed1; font-size: 1.45em;}
.mixprod {
display: block;
margin-top: 6px;
float:left;
list-style-type:none;
padding:8px 0px 0 20px;
width: 50%;
font: normal 300 0.85em/1.1em 'Doris', 'Helvetica' sans-serif;
color:red;
border:0px solid red;
line-height: 150%;
}
.mixprod li {
padding:2px 10px;
color: #b57919;
}


.vary {color: #545454; font-size: 0.75em;}
.prodchoose {font: 200 1.5em/1.5em  'Doris', sans-serif;color: #f11c30; margin-bottom:60px; margin-right:20px;text-align:left;}
.prodadd2 {float:left;}
.cost {color: #571578;}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
.mixdisplay {float:left; margin:0; padding:0; width:auto; background:#F5F3E1; }
#offer {width:80%; float:left; border:1px solid #7f2d91; padding:0 20px;}
.mixnav {display:block; list-style-type:none;text-align:left;margin:0;padding:12px;float:none;width:auto;background-color:#fff;}
.mixprod {font: normal 300 2em/1.75em 'Doris', 'Helvetica' sans-serif;margin-top: 0px;width:80%;}
.mixprod li {font-size: 18px; padding:2px 6px;}
h2{text-transform:uppercase; text-align: center; padding:10px; margin:0;color:#7f2d9;}

}