/* Product customizer stylesheet */

header .header_content { margin-bottom: 7px; }

header .announcements_mobile { display: none !important; }


.designs { border: 1px solid #dbdbdb; background: #fff; margin-bottom: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }

    .designs .designs_header { border-bottom: 1px solid #dbdbdb; }

        .designs .designs_header span { display: inline-block; vertical-align: middle; }

        /*.designs .designs_header span.filter_icon {
                padding: 6px 9px 3px 8px;
                border-right: 1px solid #dbdbdb;
                margin-right: 5px;
                height: 44px;
            }

                .designs .designs_header span.filter_icon.selected {
                    background: #eee;
                }*/

        .designs .designs_header .title { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 600; display: inline-block; padding: 12px 20px; }

    .designs .design_options_filter { padding: 20px 0 20px 20px; }

        .designs .design_options_filter .custom_checkbox { margin-bottom: 15px; }

            .designs .design_options_filter .custom_checkbox label { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }

    .designs .design_options_thumbs { border-left: 1px solid #dbdbdb; padding: 20px 36px 0 30px; min-height: 330px; }

.design_options_thumbs .thumbnail { margin: 0 22px 58px; }

.design_options_thumbs .design_badge { bottom: 94px; right: 23px; }
.design_options_thumbs .new-badge { right: 23px; }

.design_banner { display: block !important; margin-bottom: 10px !important; }

.design_banner_tablet { display: none !important; }

.design_banner_mobile { display: none !important; }

.design_banner,
.design_banner_mobile,
.design_banner_tablet { border: 1px solid #dbdbdb; overflow: hidden; background: #fff; margin-bottom: 20px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }

/* Style sheet for container set at 960px wide */

@media (max-width: 1199px) {

    .designs .design_options_thumbs { padding: 10px 12px 0 6px; }

        .designs .design_options_thumbs .thumbnail { margin: 0 0 12px; padding: 0; }

    .design_options_thumbs .design_badge { bottom: 48px; right: 1px; }
}

/* Style sheet for container set at 724px wide */

@media (max-width: 991px) {

    .designs .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); }

        .designs .design_options_filter .custom_checkbox { width: 125px; float: left; }

    .designs .design_options_thumbs { border: none; padding: 10px 12px 0 12px; }

    .designs .designs_header .title { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 17px; padding: 9px 10px; }

    .design_banner_tablet { display: block !important; margin-bottom: 10px !important; }

    .design_banner { display: none !important; }

    .design_banner_mobile { display: none !important; }
}

/* Style sheet for container below 767px wide */

@media (max-width: 767px) {

    header { position: fixed; top: 0; left: 0; }

        header .header_bottom_section { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

    .designs { margin-left: 0; border: none; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; margin-top: 4px; }

        .designs .designs_header { top: 80px; left: 0; width: 100%; background: #fff; z-index: 1000; }

        .designs .design_options_filter { position: fixed; top: 125px; left: 0; }

        .designs .designs_header .title { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 17px; padding: 9px 0; }

        .designs .design_options_thumbs { border: none; padding: 10px 11px 0 11px; }

            .designs .design_options_thumbs .col-xs-4 { padding-left: 5px; padding-right: 5px; }

            .designs .design_options_thumbs .thumbnail { margin-bottom: 10px; }

    .design_options_thumbs .design_badge { bottom: 53px; right: 1px; }

    .design_banner_tablet { display: block !important; margin-bottom: 10px !important; margin-top: 30px !important; }

    .design_banner { display: none !important; }

    .design_banner_mobile { display: none !important; }
}


@media (max-width: 415px) {
    .design_banner { display: none !important; }

    .design_banner_tablet { display: none !important; }

    .design_banner_mobile { display: block !important; margin-bottom: 10px !important; margin-top: 30px !important; }
}