/*

*/
/* Responsive  css */

@media only screen and (max-width:1199px) {/* ipad view */
.container { width: 100%; padding: 0 30px; }
}

@media only screen and (max-width:1279px) {
h1 { font-size: 24px; }
.btn-1 { padding: 15px 30px; font-size: 16px; }
.btn-2 { padding: 10px 20px; font-size: 14px; }
}

@media only screen and (max-width:767px) {/* Mobile view */
/*h1{font-size:16px;}*/
h3 { font-size: 15px; }
.container { padding: 0 20px; }
.btn-1, .btn-3 { padding: 8px 16px; font-size: 14px; }
.btn-2 { padding: 8px 16px; font-size: 12px; }
header { padding: 20px 0 16px; }
.logo-panel { float: none; text-align: center; }
.logo-panel img { max-width: 100%; width: 150px; }
.page_heading { margin: 0 0 30px; }
.login-section li { margin: 0 0 20px; }
.field-reg { margin: 0 0 15px; }
.label_text { width: 100%; margin: 0; }
.spin-code .input_part { width: 100%; }
input, .anchor-button { padding: 7px 10px; }
/* ---------------------- Signup page css here (50 - 767px) ---------------------- */
.small-container { width: 100%; padding: 0 20px; }
.label_empty { display: none; }
#prizeimageform > h3 { font-size: 18px; }
.image-list > li { margin: 0 5% 5% 0; width: 30%; }
.image-list > li:nth-child(4n+4) { margin-right: 5%; }
.image-list > li:nth-child(3n+3) { margin-right: 0; }
}

@media only screen and (max-width:480px) {
.tab-content canvas { position: relative; top: -34px; }
}

@media only screen and (max-width:479px) {/* Mobile view */
.image-list > li:nth-child(4n+4), .image-list > li:nth-child(3n+3) { margin-right: 6%; }
.image-list > li { margin: 0 0 20px; width: 100%; }
.field-reg.first > a { float: left; margin-top: 14px; width: 100%; }
.input_part { width: 94%; }
#canvas { height: auto; float: left; width: 100%; }
td.the_wheel { background-size: 100% auto; width: 100%; }
.tab-content canvas { position: relative; }
}

@media screen and (max-width:360px) {
.tab-content canvas { position: relative; top: -30px; }
}