/* The canvas: */
@media only screen and (min-width: 280px) {
    /*  iPhone Portrait */
    #mc-canvas {
        width: 220px; /* For best results, set width to between 210px and 240px */
        height: 154px; /* For best results, set height to between 140px and 170px */
        background: #fff -9999px -9999px no-repeat;
        background-image: url('../images/draw_captcha_shapes_800.jpg') !important;
    }
        /* The shapes: */
        #mc-canvas.triangle {
            background-position: 10px 10px
        }
    
        #mc-canvas.x {
            background-position: -200px 10px
        }
    
        #mc-canvas.rectangle {
            background-position: -400px 10px
        }
    
        #mc-canvas.circle {
            background-position: -600px 10px
        }
    
        #mc-canvas.check {
            background-position: 10px -150px
        }
    
        #mc-canvas.caret {
            background-position: -200px -150px
        }
    
        #mc-canvas.zigzag {
            background-position: -400px -150px
        }
    
        #mc-canvas.arrow {
            background-position: -600px -150px
        }
    
        #mc-canvas.leftbracket {
            background-position: 10px -300px
        }
    
        #mc-canvas.rightbracket {
            background-position: -200px -300px
        }
    
        #mc-canvas.v {
            background-position: -400px -300px
        }
    
        #mc-canvas.delete {
            background-position: -600px -300px
        }
    
        #mc-canvas.leftbrace {
            background-position: 10px -450px
        }
    
        #mc-canvas.rightbrace {
            background-position: -200px -450px
        }
    
        #mc-canvas.star {
            background-position: -400px -450px
        }
    
        #mc-canvas.pigtail {
            background-position: -600px -450px
        }
    
    /* Disable mouse-selection on the page (only while user is actively drawing on the canvas): */
    .mc-noselect {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }    
}
@media only screen and (min-width: 481px) {
    /* iPhone Landscape */

}
@media only screen and (min-width: 769px) {
    /*  iPad Mini  */
    #mc-canvas {
        width: 400px; /* For best results, set width to between 210px and 240px */
        height: 300px; /* For best results, set height to between 140px and 170px */
        background: #fff -9999px -9999px no-repeat;
        background-image: url('../images/draw_captcha_shapes_1600.jpg') !important;
    }
    
        /* The shapes: */
        #mc-canvas.triangle {
            background-position: 20px 20px
        }
    
        #mc-canvas.x {
            background-position: -400px 20px
        }
    
        #mc-canvas.rectangle {
            background-position: -800px 20px
        }
    
        #mc-canvas.circle {
            background-position: -1200px 20px
        }
    
        #mc-canvas.check {
            background-position: 20px -3000px
        }
    
        #mc-canvas.caret {
            background-position: -400px -300px
        }
    
        #mc-canvas.zigzag {
            background-position: -800px -300px
        }
    
        #mc-canvas.arrow {
            background-position: -1200px -300px
        }
    
        #mc-canvas.leftbracket {
            background-position: 20px -600px
        }
    
        #mc-canvas.rightbracket {
            background-position: -400px -600px
        }
    
        #mc-canvas.v {
            background-position: -800px -600px
        }
    
        #mc-canvas.delete {
            background-position: -1200px -600px
        }
    
        #mc-canvas.leftbrace {
            background-position: 20px -900px
        }
    
        #mc-canvas.rightbrace {
            background-position: -400px -900px
        }
    
        #mc-canvas.star {
            background-position: -800px -900px
        }
    
        #mc-canvas.pigtail {
            background-position: -1200px -900px
        }
    
    /* Disable mouse-selection on the page (only while user is actively drawing on the canvas): */
    
    .mc-noselect {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }
}
@media only screen and (min-width: 993px) {
    /*  iPad Portrait  */

}