/* DO NOT REMOVE - THIS IS TO STANDARDIZE SIZING */
.fancybox-secure-form-email-us { width:0% !important; height:0% !important; }
.fancybox-secure-form-send-to-friend { width:0% !important; height:0% !important; }
.fancybox-secure-form-request-appointment { width:0% !important; height:0% !important; }

/* defaults for small mobile screens */
@media (max-width: 600px) {

    /* default dimensions for large screens */
    .fancybox-secure-form-defaults-email-us { width:90% !important; height:76% !important; }
    .fancybox-secure-form-defaults-send-to-friend { width:90% !important; height:76% !important; }
    .fancybox-secure-form-defaults-request-appointment { width:90% !important; height:100% !important; }

    /* override dimensions (custom dimensions for specific skin) for small mobile screens
     * they can be either percentage '%' or pixels 'px'
     *
     * override examples (uncomment):
     */

    /*.fancybox-secure-form-email-us { width:50% !important; height:30% !important; }*/
    /*.fancybox-secure-form-send-to-friend { width:50% !important; height:30% !important; }*/
    /*.fancybox-secure-form-request-appointment { width:50% !important; height:30% !important; }*/
}

/* defaults for medium/large mobile screens */
@media (min-width: 601px) {

    /* default dimensions for large screens */
    .fancybox-secure-form-defaults-email-us { width:40% !important; height:55% !important; }
    .fancybox-secure-form-defaults-send-to-friend { width:40% !important; height:50% !important; }
    .fancybox-secure-form-defaults-request-appointment { width:40% !important; height:75% !important; }

    /* override dimensions (custom dimensions for specific skin) for medium/large mobile screens
     * they can be either percentage '%' or pixels 'px'
     *
     * override examples (uncomment):
     */

    /*.fancybox-secure-form-email-us { width:50% !important; height:30% !important; }*/
    /*.fancybox-secure-form-send-to-friend { width:50% !important; height:30% !important; }*/
    /*.fancybox-secure-form-request-appointment { width:50% !important; height:30% !important; }*/
}

/* defaults for large screens */
@media (min-width: 1000px) {

    /* default dimensions for large screens */
    .fancybox-secure-form-defaults-email-us { width:30% !important; height:55% !important; }
    .fancybox-secure-form-defaults-send-to-friend { width:30% !important; height:55% !important; }
    .fancybox-secure-form-defaults-request-appointment { width:30% !important; height:68% !important; }

    /* override dimensions (custom dimensions for specific skin) for large screens
     * they can be either percentage '%' or pixels 'px'
     *
     * override examples (uncomment):
     */

    /*.fancybox-secure-form-email-us { width:50% !important; height:30% !important; }*/
    /*.fancybox-secure-form-send-to-friend { width:50% !important; height:30% !important; }*/
    /*.fancybox-secure-form-request-appointment { width:50% !important; height:30% !important; }*/
}