@media  (min-width:640px) and (max-width: 800px) {
    body {
        margin:0 1% 1% 1%;
    }
    
    .isometric-star-rating a.star:active ~ a.star, .isometric-star-rating a.star, .isometric-star-rating a.star:hover ~ a.star {
        font: 25pt Arial;
    }
    .isometric-star-rating {
        float: left;
        margin: 20px 0 0 8%;
        width: 48%;
    }
    .contact label {
        font-size: 0.7em;
    }
    
    
}



@media (min-width:801px) and  (max-width: 1024px) {
    body {
        margin:0 20px 20px 0;
    }
    
    .isometric-star-rating a.star:active ~ a.star, .isometric-star-rating a.star, .isometric-star-rating a.star:hover ~ a.star {
        font: 50pt Arial;
    }
    .isometric-star-rating {
        float: left;
        margin: 0 0 0 8%;
        width: 48%;
    }
}

/*Chrome hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:801px) and  (max-width: 1024px)  { /*chrome, safari hack*/
    .isometric-star-rating a.star:active ~ a.star,	/* All Stars that follows the pushed Star  */
    .isometric-star-rating a.star,					/* Default Stars  */
    .isometric-star-rating a.star:hover	~ a.star   { font:normal 30pt Arial; margin:0 1%;}
}

    


/*IPHONE*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    
    body {
        font-size:10pt;
        margin:0 10px;
    }
    .isometric-star-rating a.star:active ~ a.star, .isometric-star-rating a.star, .isometric-star-rating a.star:hover ~ a.star {
        font: 30pt Arial;
    }
    .isometric-star-rating {
        left:50%;
        margin-left:-44%;
        margin-top:-20px;
        width:90%;
        position:absolute;
    }
    .one_3 {
        width: 100%;
    }
    .two_3 {
        width: 100%;
    }
    .starwrap {
        margin: 0 0 0 0;
    }
    .stars-mincaption, .stars-maxcaption {
        font-size: 0.7em;
        padding: 10px 0 0 0;
        width: 25%;
        margin-top:-40px;
    }
    .stars-mincaption {
        left:4%;
        text-align: left;
        margin:-40px 0 40px 0;
    }
    .stars-maxcaption {
        right:0;        
        position:absolute;
    }
    .singlecheckbox {
        margin:0 0 0 5px;
    }
    
    .fiftyfifty {
        width:100%;
    }
    .umfragebutton {
        width: 90%;        
    }
    .agbcheck {
        height: auto;
    }
    .loginbox input[type="submit"] {
        width:96%;
        padding:30px 0 0 0;
    }
    .loginbox input {
        width: 43%;
    }
    .two_3, .one_3, .fiftyfifty{
        padding: 3% 1% 15% 1%;
    }
    
    .checkboxwrap {
        width:70%;
        margin:-40px 0 0 0;
    }
    .checkboxcaption {
        float: left;
        font-size: 0.9em;
        margin: 0 0 0 5%;
        margin-top:10px;
        width: 80%;
    }
    .singlecheckbox {
        margin: 10px 0 0 0;
        width:20px;
        height:20px;
        clear:left;        
    }
    
    .yesnocheckboxul li {
        float:left;
    }
    
    .yesnocheckboxul li:nth-child(2) {
        margin-left:10%;
    }
    
    .yesnocheckboxul li ul li{
        float:none;
        margin: 10px 0;
    }
    .yesnocheckboxul li ul li:nth-child(2) {
        margin-left:0;
    }
    .loginbox input {
        margin: 0 1.5% 2% 1.5% !important;
    }
    .yesnocheckboxul {
        margin:-20px 0 0 0;
    }
    .yesnocheckboxtextul {
        margin:-30px 0 0 0;
    }
    textarea {
        width: 96.5%;
    }
    .placeholdercontact {
        height:48px;
    }
    
    .contact {
        margin-top:-50px;
    }
    .contact3 {
        width:46% !important;
        float:left !important;
        margin: 0 1% 0 0;
    }
    .contact3 input {
        width:80%;
    }
    select {
        width: 87%;
        margin:0;
    }
    
    .contact label {
        text-align: left;
    }
    
    textarea[name="cRA_RATING15combined"] {
        margin-top:-30px;
    }
    .umfragebutton {
        font-size:1.3em;
    }
    .agbcheck {
        margin: 0 1% 0 0;
    }
    
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
    
  
    body {
        font-size:10pt;
        margin:0 10px;
    }
    .countertext {
        font-size: 0.7em;
        margin-top: -2px;
    }
    .isometric-star-rating a.star:active ~ a.star, .isometric-star-rating a.star, .isometric-star-rating a.star:hover ~ a.star {
        font: 45pt Arial;
    }
    .isometric-star-rating {
        left:50%;
        margin-left:-44%;
        margin-top:-50px;
        width:90%;
        position:absolute;
    }
    
    label {
        font-size:1.1em;
    }
    .one_3 {
        width: 100%;
    }
    .two_3 {
        width: 100%;
    }
    .starwrap {
        margin: 0 0 0 0;
    }
    .stars-mincaption, .stars-maxcaption {
        font-size: 0.7em;
        padding: 10px 0 0 0;
        width: 22%;
        margin-top:-70px;
    }
    .stars-mincaption {
        left:4%;
        text-align: left;
        margin:-70px 0 40px 0;
    }
    .stars-maxcaption {
        right:4%; 
        text-align: right;
        position:absolute;
    }
    .singlecheckbox {
        margin:0 0 0 5px;
    }
    
    .fiftyfifty {
        width:100%;
    }
    .umfragebutton {
        width: 90%;        
    }
    .agbcheck {
        height: auto;
    }
    .loginbox input[type="submit"] {
        width:96%;
        padding:30px 0 0 0;
    }
    .loginbox input {
        width: 43%;
    }
    .two_3, .one_3, .fiftyfifty{
        padding: 3% 1% 13% 1%;
    }
    
    .checkboxwrap {
        width:70%;
        margin:-40px 0 0 0;
    }
    .checkboxcaption {
        float: left;
        font-size: 0.9em;
        margin: 0 0 0 5%;
        margin-top:10px;
        width: 80%;
    }
    .singlecheckbox {
        margin: 10px 0 0 0;
        width:20px;
        height:20px;
        clear:left;        
    }
    
    .yesnocheckboxul li {
        float:left;
    }
    .yesnocheckboxtextul li label{
        font-size:0.7em !important;
    }
    
    .yesnocheckboxul li:nth-child(2) {
        margin-left:10%;
    }
    
    .yesnocheckboxul li ul li{
        float:none;
        margin: 10px 0;
    }
    .yesnocheckboxul li ul li:nth-child(2) {
        margin-left:0;
    }
    .loginbox input {
        margin: 0 1.5% 2% 1.5% !important;
    }
    .yesnocheckboxul {
        margin:-20px 0 0 0;
    }
    .yesnocheckboxtextul {
        margin:-30px 0 0 0;
    }
    textarea {
        width: 96.5%;
    }
    .placeholdercontact {
        height:48px;
    }
    
    .contact {
        margin-top:-50px;
    }
    .contact3 {
        width:46% !important;
        float:left !important;
        margin: 0 1% 0 0;
    }
    .contact3 input {
        width:80%;
    }
    select {
        width: 85%;
        margin:0;
    }
    
    .contact label {
        text-align: left;
    }
    
    textarea[name="cRA_RATING15combined"] {
        margin-top:-30px;
    }
    .umfragebutton {
        font-size:1.3em;
    }
    .agbcheck {
        margin: 0 1% 0 0;
    }
    
    p {
        font-size:1.1em;
    }
  
}




/*IPAD*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
    .isometric-star-rating a.star:active ~ a.star, .isometric-star-rating a.star, .isometric-star-rating a.star:hover ~ a.star {
        font: 25pt Arial;
    }
    .isometric-star-rating {
        margin: 0 0 0 1%;
    }
    .stars-mincaption, .stars-maxcaption {
        padding: 15px 0 0 0;
    }
    .placeholdercontact {
        height: 53px;
        width: 10%;
    }
    .contact label {
        text-align: left;
    }
    
    .umfragebutton {
        width: 97%;        
    }
    body {        
        margin:0 10px;
    }
    select {
        width: 78%;
        margin:0;        
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
    .isometric-star-rating a.star:active ~ a.star, .isometric-star-rating a.star, .isometric-star-rating a.star:hover ~ a.star {
        font: 33pt Arial;
    }
    .isometric-star-rating {
        margin: 0 0 0 1%;
    }
    .stars-mincaption, .stars-maxcaption {
        padding: 22px 0 0 0;
    }
    .placeholdercontact {
        height: 53px;
        width: 10%;
    }
    .contact label {
        text-align: left;
    }
    
    .umfragebutton {
        width: 97%;        
    }
    
    body {        
        margin:0 10px;
    }
    select {
        width: 78%;
        margin:0;        
    }
}