/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

.numbers-row{
  width: 100%;
}

.prod-title{width:300px; margin:auto; font-size:18px; margin-top:20px; text-align:center; color:#df2027; padding-bottom:0px; font-family: "Myriad W01 Bd","Open Sans",arial,sans-serif; line-height:140%;}
			@media (min-width: 750px) {  .prod-title {width:650px; font-size:18px; padding-bottom:0px; margin-top:25px}}
			@media (min-width: 940px) {  .prod-title {width:850px; font-size:20px; margin-top:30px; text-align:left;}}
			@media (min-width: 1200px) {  .prod-title {width:1100px; font-size:22px; margin-top:35px}}
			@media (min-width: 1500px) {  .prod-title {width: 1100px;font-size:24px; margin-top:40px}}

.prod-label{width: 60%;font-size:14px; text-align:left; color:#494949;font-family: "Myriad W01 Regular","Open Sans",arial,sans-serif !important;}
			@media (min-width: 750px) {  .prod-label {font-size:14px;}}
			@media (min-width: 940px) {  .prod-label {font-size:14px;}}
			@media (min-width: 1200px) {  .prod-label {font-size:15px;}}
			@media (min-width: 1500px) {  .prod-label{font-size:15px;}}
			

.scroll{height: 400px; overflow-y: scroll; overflow-x: hidden;}
	@media (min-width: 768px) {  .scroll  {height: 500px;}}
	@media (min-width: 940px) {  .scroll  {height: 600px;}}
	@media (min-width: 1200px) {  .scroll  {height: 800px;}}
	@media (min-width: 1500px) {  .scroll  {height: 800px;}}
	.scroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE and Edge */
.scroll {
    -ms-overflow-style: none;
}
.qnty {
  float: right;
  width: 10%!important;
  font: bold 20px Helvetica, sans-serif;
  padding: 3px 8px!important;
  text-align: center;
} 
/* form div {
  overflow: hidden;
  margin: 0 0 5px 0;
}  */
.button {
  margin: 0 0 0 0px;
  text-indent: -9999px;
  cursor: pointer;
  width: 29px;
  height: 29px;
  float: right;
  text-align: center;
  background: url(../images/buttons.png) no-repeat;
}
.dec {
  width: 10%;
  background-position: 0 -29px;
}

.inc{
  width: 10%;
}

.buttons {
  padding: 20px 0 0 140px;
}

.flex-container {
  display: flex;
  flex-wrap: nowrap;
}

.banner{width: 300px;height: 250px;}