/* Style sheet for container set at 724px wide */

@media (max-width: 991px) {

    /* Custom main content */
    header, .main_content { width: 724px; }

        header .product_nav a { padding: 10px; }

        header .brand_logo a > img { max-width: 180px; }

    /* CC section */
    .payment_section .card_exp_section { padding-top: 5px; }

    .payment_section .card_exp_month { text-align: left; }

    /* Customer service */

    .customer_service .contact_by_option .contact_details { max-width: inherit; }
    .customer_service .contact_by_option .contact_details_mail { max-width: 126px !important; }

    /* Modal */
    .modal .modal-lg { width: 724px; /*margin-top: 140px;*/ }

    .modal .modal-sm { margin-top: 140px; }

    .modal .modal-body .design_options_thumbs { max-height: 620px; }
    .modal .modal-body .design_options_thumbs .thumbnail { margin-left: 0; margin-right: 0; margin-bottom: 10px; }
    /* End modal */

    /* Modal style 1 */
    .modal_style_1 .modal-body .product_options_thumbs { padding: 10px 10px 0; width: 741px; }
    /* End modal style 1 */

    /* Modal style 2 */
    .design-modal .modal-body .design_options_filter { position: absolute; background: #fff; z-index: 3020; padding: 20px 20px 10px; width: 320px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

        .design-modal .modal-body .design_options_filter .custom_checkbox { width: 125px; float: left; }

    .design-modal .modal-body .design_options_thumbs { border-left: none; padding: 10px 5px 0; border-left: 1px solid #dbdbdb; /*width: 741px;*/ margin: 0; }

    .design-modal .modal-body .design_options_thumbs .design_badge { bottom: 45px; right: 1px; }
    /* End modal style 2 */

    /* Footer */
    footer { width: 724px; }

    .footer_content .mailing_list { margin: 18px 0 9px 0; text-align: center; }

    .footer_content .social { margin: 12px 18px 0 0; }

        .footer_content .social ul { text-align: center; }

            .footer_content .social ul li { margin: 0 1px; }

    /* End footer */

    /*header menu*/
    header .dropdown-menu.labels_for_kids { width: 780px; margin-top: 5px; }

    header .dropdown-menu.labels_for_adults { min-width: 780px; margin-top: 5px; left: -147px; }

        header .dropdown-menu.labels_for_adults .dropdown-menu-arrow { left: 210px; }

    header .dropdown-menu.wall_art { margin-left: -306px; }

        header .dropdown-menu.wall_art .dropdown-menu-arrow { left: 340px; }

    header .dropdown-menu.cart_decals { }

    /*end header menu*/


    /* Multipurpose menu */

    .multipurpose_menu .menu_header .multipurpose_menu_toggle { float: left; border-right: 1px solid #6c7580; padding: 12px 10px 8px; }

        .multipurpose_menu .menu_header .multipurpose_menu_toggle:hover,
        .multipurpose_menu.open .menu_header .multipurpose_menu_toggle { background: #66707a; }

    .multipurpose_menu ul { display: none; position: absolute; min-width: 320px; z-index: 900; left: 0px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

    .multipurpose_menu.open ul { display: block; }


    img.wide, img.wider { max-width: 250px; }

    img.wide, img.emailsignature { margin-top: 60px; }

    img.emailsignature { max-width: 280px; margin-left: 12% !important; }

    img.wider { margin-top: 30px; }

    .marketing_banner { max-width: 250px; }
}

/* Some extra help for modals with thumbs in tablets */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .modal_style_1 .modal-body .product_options_thumbs { width: auto; }

    /*header menu*/
    header .labels_for_kids { /*width: 780px;*/ /*margin-top: 5px;*/ }

    header .labels_for_grownups_opts { min-width: 780px; margin-top: 5px; left: -150px; }

        header .labels_for_grownups_opts .dropdown-menu-arrow { left: 210px; }


    /*end header menu*/

}
