@media only screen and (min-width: 320px) and (max-width: 685px){
.stage-wrapper {width:100%;min-width:420px;}
.screen {width:100%;background-position:50% 0 !important;}
.screen.final .col.col-1 {width:33%;}
.screen.final .col.col-2 {width:33%;}
.screen.final .col.col-3 {width:33%;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
.screen.question1 h2 {width:auto;}
.screen.question2 h2 {width:auto;}
.screen.question3 h2 {width:auto;}
.screen.final h2 {width:auto;}
.screen.final h4 {padding:8px 0 1px 6px;}
.screen.final .col.col-1 {width:33%;}
.screen.final .col.col-2 {width:33%;}
.screen.final .col.col-3 {width:33%;}
.screen.final .col a {text-align:center;}
.screen.final .col a img {float:none;}
.screen.final .col a p {float:none;padding:0;width:auto;}
}

@media only screen and (max-width: 650px){
.screen.final h4 {padding:8px 0 1px 6px;}
.screen.final .col.col-1 {width:33%;}
.screen.final .col.col-2 {width:33%;}
.screen.final .col.col-3 {width:33%;}
.screen.final .col a {text-align:center;}
.screen.final .col a img {float:none;}
.screen.final .col a p {float:none;padding:0;width:auto;}.screen.question2 { background: url("../img/img-03-mob.png") no-repeat scroll 0 0 transparent; }.hidden-desktop { display: block !important; }.hidden-mobile { display: none !important; }.screen.final .product-image { display: none; }
}