/* setup */ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0;padding: 0;color: #555; font-family: 'Open Sans', sans-serif; } html, input, textarea {color: #555;outline: none; -webkit-appearance: none; -moz-appearance: none;overflow-y: scroll; } input {min-width: 0; } a {color: #555;text-decoration: none; } a:link {color: #555;text-decoration: none; } a:hover {color: #000;text-decoration: none; } body, html {width: 100%;background: #FCFCFC; } header, section, footer, aside, nav, main, article, figure {display: block;width: 100%; } h1 {font-size: 23px;line-height: 27px; } p {font-size: 17px;line-height: 23px; } .bold {font-weight: bold;background: lightyellow; } .flexbox {display: -webkit-flex;display: flex;justify-content: center; align-items: top;flex-wrap: wrap; } .ib {display: inline-block;vertical-align: top; } .nb {border: none; } .hide_desktop {display: none; } .hide {position: fixed;top: -1000px;left: -1000px;width: 10px;visibility: hidden; } /* ---------------------------------------------------------------------------------------------------------- */ .header {position:fixed;top:0;left:0;width:100%;background:#333;height:60px;font-size: 14px; z-index:1000;color:#DDD;transition:all 0.3s;text-align:center;padding-top:20px; } .header a {color:#DDD;transition:all 0.1s; } .header a:hover {color:#FFF;transition:all 0.1s; } .header i {color:#DDD;transition:all 0.1s; } .header i:hover {color:#FFF;transition:all 0.1s; } .header span {color:#DDD; } .menu_holder {width: 100%;text-align: left;padding: 0 20px 20px 50px; } .menu_item {display: inline-block;margin: 0 10px; } .designs, .my_designs_link, .downtown_link, .profile_link, .menu_bars_link, .login_link, .login_link_mobile, .logo, .stock, .logout {position:fixed;top:20px;z-index:1001;transition:all 0.1s;color:white;cursor: pointer;} .logo {top: 14px;left: 10px; } .stock {font-size:14px;left:55px; } .designs {font-size:14px;left:160px; } .downtown_link {font-size:14px;left:250px; } .my_designs_link {font-size:14px;left:230px; } .login_link {font-size:14px;left:390px; } .login_link_mobile {font-size:14px;right:20px; } .profile_link {font-size:14px; } .menu_bars_link {font-size:14px;right:15px; } .designs i, .my_designs_link i, .profile_link i, .menu_bars_link i {font-size:17px; } .login_banner {width: 100%;background: red;color: white;padding: 10px;font-size: 20px; text-align: center;position: fixed;top: 60px;left: 0;z-index: 20000; } .special_banner {width: 100%;background: black;color: white;padding: 10px;font-size: 20px; text-align: center; } .design_menu_desktop {position: fixed;top: 0;width: 100%;text-align: left;font-size: 13px; line-height: 18px;color: #666;margin: 10px auto 0 auto;background: white; padding: 65px 320px 20px 20px;box-shadow: 0 6px 7px -4px #BBB;z-index: 001; } #menu_header_bars {transition: all .5s linear; } .menu_header_bars {font-size: 20px;position: fixed;top: 18px;right: 10px; } .menu_header_bars_for_toggle {transform: rotate(-90deg); } .menu_header_bars i {cursor: pointer; } .menu_item_m {padding:5px 15px;font-size:20px;line-height:15px; cursor: pointer;color: white; } #menu_list {display:none; position: fixed;top: 60px;left: 0;width:100%; padding:10px 10px 40px 10px;background: black;margin: 0;z-index: 10000; border-radius: 0;z-index: 001; } #menu_list a {color:#333;text-decoration: none; } .menu_item_m a {color:#333;text-decoration: none;line-height: 25px; } .index_for_mobile {font-size: 13px;z-index: 001; width:100%; column-count: 3; column-gap: 5px; background: black; padding: 0; } .index_for_mobile p {font-size:13px;line-height:14px;margin:0 2px;color: white;padding: 0; } /* ---------------------------------------------------------------------------------------------------------- */ .feature {width: 100%;margin: 0 auto 50px auto; } .main_image {width:90%;overflow: hidden;margin:0 auto 0 auto;background: none; position:relative; } .main_image img {width:100%;margin: 0; } .logo_overlay {position: absolute;bottom: 50px;right: 1%;width: 18%; } /* ---------------------------------------------------------------------------------------------------------- */ .design_index {display: flex;overflow-x: auto;padding: 5px 0;justify-content: left; -webkit-overflow-scrolling: touch;align-items:top;background: none;margin: auto; } .section_sub_heading a {color: blue;text-decoration: none; } .section_sub_heading a:link {color: blue;text-decoration: none; } .section_sub_heading a:hover {color: blue;text-decoration: none; } .container_design {flex: none;text-align: center;margin: 10px;border: 1px solid #CCC;background: white; padding: 10px 10px 20px 10px;border-radius: 10px;max-height: 100%; box-shadow: none;width: 45%;max-width: 210px; } .big_div {width: 100%; } .designs_wrapper {width: 65%;padding: 150px 0 0 0; } .mockup_wrapper {width: 35%;margin: 0 0 0 0;padding: 185px 0 0 20px;background: #FCFCFC; box-shadow: none;border-radius: 0 0 10px 0; } .mockup {width: 255px;margin: 10px;box-shadow: none;font-size: 15px; } .mockup img {border: none;margin: 0;outline: none;display: block;border-radius: 10px; } .mockup_three {width: 90%;max-width: 450px;margin: 20px; } .mockup_three img {border-radius: 10px;} .container_text {font-size: 13px; } .container_design img {width: 100%;margin: auto;display: block; } .container_my_design {flex: none;text-align: center;margin: 10px;border: none;background: white; padding: 15px 15px 5px 15px;border-radius: 10px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);width: 200px; } .container_my_design img {width: 100%;margin: auto;display: block; } .history_title {text-align: center;font-size: 13px;font-weight: bold;margin-top: 10px; } .order_info {background: none;padding: 0;font-size: 12px;text-align: center;margin: 5px auto; } /* ---------------------------------------------------------------------------------------------------------- */ .section_heading {width:100%;text-align:center;font-size:25px;color:#000;margin:10px auto 10px auto; font-weight:bold;padding: 0 10px;background: none; } .section_heading_stock {width:100%;text-align:center;font-size:25px;color:#000;margin:10px auto 10px auto; font-weight:bold;padding: 0 10px;background: none; } .section_heading_text {width:100%;text-align:center;font-size:15px;color:#555;margin:auto; font-weight: normal;padding:0 0 5px 0;line-height: 18px; } .section_sub_heading {width: 100%;max-width: 1300px;text-align: left;margin: 10px auto; font-size: 18px; line-height: 23px;padding: 25px 0 0 0; } .design_menu_desktop a {color: blue;text-decoration: none; } .design_menu_desktop a:link {color: blue;text-decoration: none; } .design_menu_desktop a:hover {color: blue;text-decoration: underline; } .section_text {width: 90%;max-width: 1200px;padding-bottom: 10px;text-align: center; } .section_heading_series {width:100%;text-align:center;color:#333;margin:60px auto 10px auto;padding:0 0 0 0; } .section_heading_series i{color:#bbb;font-size: 25px;} /* ---------------------------------------------------------------------------------------------------------- */ .container {width:45%;max-width:275px;margin:20px 10px;border:none;background:white;padding:15px; border-radius:10px;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); } .container img {width:100%;display:block;margin:0; } .container h2 {font-size:22px;font-style:italic;text-align:center;margin:0 0 10px 0; line-height:22px;color:#8D0000; } .container p {font-size:17px;line-height:22px;color:#555;margin:0 0 10px 0; } .container_heading {text-align:center;font-size:13px;font-weight:bold;color:#222;margin:5px 0; line-height: 15px; } .brooks_image_box {width: 90%;max-width: 350px;background: none;margin: 10px; } .brooks_image_box img {margin: 0;display: block;width: 100%; } .brooks_text_box {width: 90%;max-width: 350px;background: none;margin: 10px; } /* ---------------------------------------------------------------------------------------------------------- */ .container_mi {width:45%;max-width:225px;margin:20px 10px;border:none;background:white;padding:15px; border-radius:10px;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); } .container_mi img {width:100%;display:block;margin:0; } .container_mi h2 {font-size:22px;font-style:italic;text-align:center;margin:0 0 10px 0; line-height:22px;color:#8D0000; } .container_mi p {font-size:17px;line-height:22px;color:#555;margin:0 0 10px 0; } .container_mi_heading {text-align:center;font-size:15px;font-weight:bold;color:#222;margin:0 0 5px 0; } /* ---------------------------------------------------------------------------------------------------------- */ .button_holder {text-align:center;width: 80%;max-width: 600px;margin: 20px auto; } .button {padding:10px 5px;background:#333;color:#CCC;font-size:15px; border-radius:10px;text-align:center;margin:10px auto; cursor:pointer;transition: 0.1s;margin: auto; } .button_a {width: 90%; } .button_b {width: 20%; } .button_c {width: 80%;max-width: 500px;margin: 40px auto 0 auto; } .button_d {width: 50%;margin: 20px auto 0 auto; } .button_e {width: 60%; } .button i {color:#CCC;transition: 0.3s;font-size:25px; } .button i:hover {color: #fff; } .button:hover {color: #fff; } .cart_below {width:100%;text-align:center;font-size:13px;margin: 20px 0 0 0; } /* ---------------------------------------------------------------------------------------------------------- */ .existing {width:100%;background: none;padding:10px 10px 50px 10px;text-align:center; margin:0; } .existing_text {font-size:20px;padding:10px 0 0 0;text-align:left;width: 100%;max-width: 1100px; } .return_message_find {padding: 50px;margin:50px auto 0 auto;font-size:25px;width: 100%;max-width:800px; background: #333;color: white; } /* ---------------------------------------------------------------------------------------------------------- */ .help_box {width: 90%;max-width: 375px;background: #FFF;margin: 20px;padding:30px; border-radius:10px;box-shadow: none;border: 1px solid #CCC; } .help_box:hover {background: lightyellow; } /* ---------------------------------------------------------------------------------------------------------- */ footer {width:100%;background:#333;color:#DDD;text-align:center; padding:75px 30px;margin-top: 50px; } .footer_logo {margin:20px auto;width:75%;max-width:100px; } footer h2 {font-size:20px;color:#DDD; } footer p {font-size:15px;color:#DDD; } .mini_footer {position:fixed;bottom:0;z-index:100;width:100%;padding:10px;background:#222; color:#DDD;text-align:center;color:#DDD;font-size:13px; } /* ---------------------------------------------------------------------------------------------------------- */ /* buy page */ .full {width:100%;margin:80px 0;padding: 0 0 100px 0; } /* ---------------------------------------------------------------------------------------------------------- */ .container_buy {width: 95%;max-width:400px;background:#FFFFFF;padding:5px 10px; border-radius:10px;box-shadow: none;margin:10px; } .container_styles {width: 95%;max-width:500px;background:#FFFFFF;padding:5px 10px; border-radius:10px;box-shadow: none;margin:10px; } .container_cart {width: 95%;max-width: 600px;background: #FFFFFF;padding: 5px 20px; border-radius:10px;box-shadow: none;margin:10px; } .series_holder {padding: 10px 0 0 0; } .series_mockup {width: 35%;margin: 0 0 0 0; } .series_container {width: 65%;background: none; } .design_no_panel {width:100%;text-align:center;font-weight:bold;font-size:18px;margin-bottom: 10px; } .feature_image {width:100%;max-width:325px;margin:auto;border:none;position:relative; } .feature_image img {width:100%;margin:0 auto;display:block; } .style_index_box {width: 100%; max-width: 200px;border: none;margin: 10px 10px 20px 10px; padding: 10px 15px 15px 15px;border-radius: 10px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); } .overlay {position:absolute;background:none;z-index:100; } .overlay img {background:none; } .color_name {background:#F99;color:#555;text-align:center;background:none;font-size:20px; } .garm_heading {font-size: 11px;font-weight: bold;margin: 0 auto;width: 100%; } .garm_desc {font-size:13px;line-height:10px;text-align:center;margin:5px 0 0 0;font-weight:bold; } .spec_size_box {outline:none;border:1px solid #999;text-align:center;flex: 1; font-size:12px;margin:1px;padding:2px 1px;max-width: 75px; } .spec_price_box {outline:none;border:1px solid #999;text-align:center;flex: 1; font-size:12px;margin:1px;padding:2px 1px;max-width: 75px; } .input_box {outline:none;border:1px solid #999;text-align:center;flex: 1;font-size: 18px; margin:1px;padding:2px 1px;border-radius:5px;background:lightyellow;max-width: 119px;} .cart_box {flex: 1;outline:none;border:1px solid #999;text-align:center; font-size:11px;margin:1px;padding:2px 1px; } .cart_spacer {width: 100%;height: 2px;background: #BBB;margin: 3px 5px 3px 0; } .cart_box_tot {width:14%;outline:none;border:1px solid #999;text-align:center; font-size:11px;margin:1px;padding:2px 1px; } .big_div {margin: 2px 0 20px 0;background: none; } .cart_image_box {width: 18%;margin-top: 0px;position: relative;background: none; } .cart_details_box {width: 80%;margin-left: 2px;background: none; } .specs_box {padding:0 10px;font-size:15px; } .style_box {width:100px;border:1px solid #CCC;margin:3px;padding:5px;border-radius:5px; cursor:pointer; } .specs {width:100%;font-size:13px;margin:auto;text-align:left; } .garm_image_box {width:25px;height:25px;outline:none;border:1px solid #999;border-radius:50%; color:white;font-size:14px;margin:4px;padding:3px 0 0 2px;cursor:pointer; } .garm_image_box i {font-size:15px; } .change_styles {width:100%;text-align:center;font-size:12px; } .designs_holder {width: 65%;padding-top: 170px;background: #FCFCFC; } .template_holder {width: 100%;padding-top: 30px;background: #FCFCFC; } /* --------------------------------------------------------------------------------------------------------------- */ .cart_empty {width: 95%;background: none;margin: 5px auto 20px auto;text-align: center; border: none;padding: 10px 10px 30px 10px ;font-size: 20px;border-radius: 10px; } .cart_empty_text {width: 100%;margin: 18px auto;text-align: left; } .cart_empty_text p {font-size:15px;line-height: 20px; } .cart_empty_notes {font-size:13px;width: 100%;margin: 20px auto;text-align: left;line-height: 16px; } .cart_panel_inside {max-height: 700px;background: #F5F5F5;overflow-y: scroll;overflow-x: hidden; margin: 10px 0 0 0;padding: 25px; } .cart_remove {width: 100%;font-size: 15px;text-align: right;color: red;padding: 0 10px 0 0; font-weight: bold;cursor: pointer; } .cart_remove i {color: red;font-size: 15px; } .cart_remove span {font-size: 12px;font-weight: normal;color: red; } .ord_final_box {width: 100%;margin: auto; } .cart_summary_box {border: 1px solid #555;border-radius: 5px;padding: 0 5px;flex: 1;text-align: center; background: lightyellow;margin: 5px;font-weight: bold;font-size:18px; } .cart_summary_box span {font-weight: normal;font-size: 12px; } .close_up_image {width:85%;margin:0 auto;border:1px solid #666; } /* ---------------------------------------------------------------------------------------------------------- */ .container_order {width: 90%;max-width:600px;background:#FFF;padding:5px 10px 20px 10px; border-radius:10px;box-shadow: none;margin:10px; } .order_panel_inside {max-height: 700px;overflow-y: scroll;overflow-x: hidden; } .order_box {flex: 1;outline:none;border:1px solid #999;text-align:center; font-size:11px;margin:2px 1px;padding:2px 0; } .order_box_tot {display: inline-block;width:14%;outline:none;border:1px solid #999;text-align:center; font-size:12px;margin:1px;padding:2px 1px; } .image_box {display: inline-block;width: 65px;border: none;vertical-align: top; } .detail_box {background: none;display: inline-block;padding:0 5px;vertical-align: top;width:83%; } .order_spacer {margin:5px 0 0 0;width:98%;height: 2px;background: #BBB; } .order_summary_box {border: 1px solid #555;border-radius: 5px;padding: 2px 8px;flex: 1; background: lightyellow;margin:0 3px;font-weight: bold;font-size:15px; } .order_summary_box span {font-weight: normal;font-size: 12px; } .ship_info_box {border: 1px solid #555;border-radius: 5px;padding: 10px 5px;width:85%; line-height:18px;margin:10px auto;font-weight: bold;font-size:15px; } .ship_info_box span {font-weight: normal;font-size: 12px;margin:0;line-height:12px; } .ord_detail_box {justify-content: space-between;width: 86%;margin: auto; } .brooks_box {width: 100%;background: #F5F5F5;padding: 75px 0; } .my_designs_container {padding:50px 0 30px 0;width: 90%;background: none;margin: auto; } .panel_container {padding:60px 0 80px 0 ;width: 90%;background: none;margin: auto; } .template_note {font-size: 12px;line-height: 12px;width: 95%;text-align: center; background: none;margin: auto;color: red; } .name_drop {width: 100%;text-align: center;line-height: 20px; } .name_drop_form {width: 95%;margin:auto; } .name_drop_form input {width: 100%;outline: none;border: 1px solid #999;border-radius:5px; font-size: 18px;padding: 5px 10px;margin: 0 0 10px 0;text-align: center; } .name_drop_form textarea {width: 100%;outline: none;border: 1px solid #999;border-radius:5px; font-size: 15px;padding: 10px;margin: 0 0 10px 0;text-align: left; } .name_drop_error {width: 100%; color: red;font-size: 20px;text-align: center; } /* --------------------------------------------------------------------------------------------------------------- */ .promo_heading {width: 90%;text-align: center;padding: 100px 0 0 0;background: none;margin: auto; } .promo_content {width: 90%;margin: auto;background: none;padding: 0 0 30px 0; } .promo_photo {width: 90%;max-width: 475px;z-index: 0;background: none;margin: 20px; } .promo_photo img {border-radius: 10px;} .promo_text {width: 90%;max-width: 650px;border: none;margin: 20px;padding: 10px; } /* --------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1366px) { .full_screen_only {display: none; } .container_design {width: 200px; } .container_heading {font-size: 13px; } .container_text {font-size: 13px; } .container_order {width: 100%;max-width:600px; } .name_drop {font-size: 15px;line-height: 17px; } .template_note {font-size: 11px; } .button {font-size: 15px; } .section_heading {width:100%;text-align:center;font-size:25px;color:#000;margin:40px auto 10px auto; font-weight:bold;padding: 0 10px;background: none; } .section_heading_series {margin: 0 auto 10px auto;padding:30px 0 0 0; } .style_box {width: 80px; } .container_buy {max-width: 350px; } .feature {width: 100%;margin:0px auto 50px auto; } .feature_image {width: 80%; } .container_styles {max-width: 400px; } .container_cart {max-width: 500px; } .cart_panel_inside {max-height: 600px; } .designs_wrapper {width: 95%;padding: 140px 0 0 0; } .designs_holder {width: 100%;padding-top: 160px;background: #FCFCFC; } .template_holder {width: 100%;padding-top: 60px;background: #FCFCFC; } .mockup_wrapper {display: none; } .help_box {width: 90%;max-width: 285px;margin: 10px; } .mockup_three {width: 90%;max-width: 360px;margin: 20px; } /* --------------------------------------------------------------------------------------------------------------- */ .promo_heading {width: 90%;text-align: center;padding: 70px 0 0 0;background: none;margin: auto; } .promo_content {width: 90%;margin: auto;background: none;padding: 0 0 30px 0; } .promo_photo {width: 90%;max-width: 475px;z-index: 0;background: none;margin: 20px; } .promo_text {width: 90%;max-width: 650px;border: none;margin: 20px;padding: 10px; } } /* --------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 820px) { body, html {background: #FCFCFC; } h1 {font-size: 18px; } p {font-size: 15px; } .hide_desktop {display:block; } .hide_ipad {display: none; } /* ---------------------------------------------------------------------------------------------------------- */ .login_banner {width: 90%;background: red;color: white;padding: 10px;font-size: 20px; text-align: center;margin: 80px auto -90px auto; } .menu_item {display: inline-block;margin: 0 5px; } .main_image {width: 92%;margin:0 auto 0 auto; } .main_image_mobile {width:100%;max-width:500px;margin:70px auto 0 auto;padding: 0 20px 20px 20px; background: #F5F5F5; } .main_image_mobile img {width:100%;display:block;margin:0;border-radius: 0;border: none; } .container_design {margin:5px;max-width: 180px;padding-bottom: 10px; } .container_my_design {flex: none;text-align: center;margin:10px 10px;border:1px solid #999; background:white;padding:10px;border-radius:10px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);width: 200px; } .container_cart {width: 90%;max-width: 500px;background: #FFF;padding: 20px; border-radius:10px;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);margin:10px; } .help_box {width: 90%;max-width: 350px;background: #FFF;margin: 10px;padding:15px; border-radius:10px;box-shadow: none;cursor: pointer; } /* ---------------------------------------------------------------------------------------------------------- */ .panel_container {padding: 70px 0 10px 0;width: 100%;background: none; } .section_heading {width: 95%;text-align: center;font-size: 20px;color: #333;margin: 0 auto 10px auto; font-weight: bold;padding: 5px 0 0 0;background: none; } .section_heading_stock {width: 95%;text-align: center;font-size: 20px;color: #333;margin: 20px auto 10px auto; font-weight: bold;padding: 5px 0 0 0;background: none; } .section_sub_heading {width: 90%;text-align: left;margin: 10px auto; line-height: 20px;padding-right: 10px;padding-left: 0px; } .section_heading_series {width:90%;text-align:center;font-size:20px;color:#333;margin:20px auto 10px auto; font-weight:bold;background: none; } .design_index {width: 90%;display: flex;overflow-x: auto;padding: 5px 0;justify-content: left; -webkit-overflow-scrolling: touch;align-items:top;background: none;margin: auto; } .my_designs_container {padding:50px 0 30px 0;width: 100%;background: none;margin: auto; } .container {width:44%;max-width:400px;margin:10px 5px;border: 1px solid #999; background:white;padding:5px;border-radius:10px;box-shadow: none; } .container_mi {width:44%;max-width:300px;margin:10px 5px;border: 1px solid #999; background:white;padding:5px;border-radius:10px;box-shadow: none; } .container_sc {width:44%;max-width:300px;margin:10px 5px;border: 1px solid #999; background:white;padding:5px;border-radius:10px;box-shadow: none; } .container img {width:100%;display:block;margin:0; } .container h2 {font-size:15px;font-style:italic;text-align:center;margin:0 0 10px 0; line-height:22px;color:#8D0000; } .container_text {font-size: 12px; } .container p {font-size:17px;line-height:22px;color:#555;margin:0 0 10px 0; } .container_heading {text-align:center;font-size:13px;font-weight:bold;color:#222;line-height: 15px; } .button {font-size:17px;padding:10px;margin: 10px auto; } .container_buy {width: 100%;max-width: 600px;padding: 0 20px;background: #FFF; box-shadow: none;border-radius: 10px; } .template_holder {width: 100%;padding-top: 30px;background: #FCFCFC; } .feature_image {width: 100%; } .container_styles {width: 100%;max-width: 600px;box-shadow: none; } .container_cart {max-width: 600px;box-shadow: none; } .cart_panel_inside {max-height: none;overflow-y: visible;overflow-x: visible; } .order_panel_inside {max-height: none;overflow-y: visible;overflow-x: visible; } .cart_summary_box {padding: 2px 6px; } .close_up_image {width:80%;margin:0 auto;border:1px solid #666; } .detail_box {width:100%;margin:0;background: none;padding:0; } .brooks_box {width: 90%;background: #F5F5F5;padding: 0;margin-bottom: 30px; } .brooks_image_box {width: 90%;max-width: 300px;background: none;margin: 10px; } .brooks_image_box img {margin: 0;display: block;width: 100%; } .brooks_text_box {width: 90%;max-width: 350px;background: none;margin: 10px; } .order_box {width: 11%;margin:1px 0; } .order_box_tot {width: 13%;margin:0; } .order_info {font-size: 11px; } .order_summary_box {flex: 1;padding: 2px 5px;font-size:16px; } .order_spacer {width:95%; } .ship_info_box {width:95%; } .container_order {width: 100%;max-width:600px;background:#FFF;padding:5px 10px 20px 10px; border-radius:10px;box-shadow: none;margin:10px; } .garm_heading {width: 98%;margin: auto;text-align: left; } .ord_detail_box {justify-content: center;width: 97%;margin: auto; } .existing {background: none;width: 100%; } .mockup {width: 225px;margin: 10px 5px; } .cart_image_box {width: 18%;margin-top: 0px;position: relative; } .cart_details_box {width: 75%;margin-left: 2px; } .designs_wrapper {width: 95%;padding: 160px 0 0 0; } .design_menu_desktop {padding: 70px 20px 20px 20px;box-shadow: 0 6px 7px -4px #BBB;z-index: 001; } .promo_heading {width: 90%;text-align: center;padding: 70px 0 0 0;background: none;margin: auto; } .promo_content {width: 90%;margin: auto;background: none;padding: 0 0 30px 0; } .promo_photo {width: 90%;max-width: 650px;z-index: 0;background: none;margin: 20px; } .promo_text {width: 90%;max-width: 650px;border: none;margin: 20px;padding: 10px; } .mockup_three {width: 90%;max-width: 225px;margin: 10px; } .feature {width: 100%;margin:30px auto 10px auto; } } /* --------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 480px) { * {font-family: sans-serif; } body {background: #FFFFFF; } h1 {font-size: 16px;line-height: 22px; } p {font-size: 14px;line-height: 19px; } .help_box {width: 90%;max-width: 400px;margin: 20px 0; } .hide_mobile {display: none; } .show_mobile {display: block; } .full {background: white;padding: 0;margin-top: 60px;margin-bottom: 0; } .main_image_mobile {width:100%;max-width:500px;margin:80px auto 0 auto;padding: 0 20px 20px 20px; background: #FFFFFF; } .section_sub_heading p {font-size: 16px;width: 100%; } .brooks_text_box p {font-size: 16px; } .button_b {width: 70%; } .section_heading_series {margin:0 auto 10px auto; } .section_heading_stock {width: 95%;text-align: center;font-size: 20px;color: #333;margin: 0 auto 10px auto; font-weight: bold;padding: 5px 0 0 0;background: none; } .designs_holder {width: 100%;padding-top: 60px;background: #FCFCFC; } .container_buy, .container_cart, .container_styles {box-shadow: none;width: 100%;max-width: 400px;background: none;margin: auto; } .my_designs_container {padding:50px 0 30px 0;width: 100%;background: none;margin: auto; } .brooks_box {width: 100%;background: none;padding: 25px 0; } .brooks_image_box {width: 90%;max-width: 400px;background: none;margin: 10px 0; } .brooks_image_box img {margin: 0;display: block;width: 100%; } .brooks_text_box {width: 90%;max-width: 375px;background: none;margin: 10px; } .close_up_image {width: 90%; } .cart_empty {width: 100%; } .design_no_panel {margin-bottom: 20px;margin-top: 20px; } .order_spacer {width:100%; } .style_box {width: 75px; } .cart_panel_inside {background: none;padding: 0; } .cart_details_box {width: 100%;margin: auto;background: none; } .cart_summary_box {flex: none;padding: 0 5px 5px 5px;font-size: 18px; } .designs_wrapper {width: 100%;padding: 80px 0 0 0;background: none; } .container_design {margin:5px;width: 155px;padding-bottom: 10px; } .panel_container {padding: 10px 0;width: 100%;background: none; } .promo_heading {width: 90%;text-align: center;padding: 30px 0 0 0;background: none;margin: auto; } .promo_content {width: 100%;margin: auto;background: none;padding: 0 0 30px 0; } .promo_photo {width: 100%;max-width: 650px;z-index: 0;background: none;margin: 20px; } .promo_text {width: 100%;max-width: 650px;border: none;margin: 0 20px 20px 20px;padding: 10px; } .mockup {width: 45%;margin: 10px 5px; } .mockup_three {width: 90%;max-width: 500px;margin: 10px; } .design_index {width: 90%;display: flex;overflow-x: auto;padding: 5px 0;justify-content: left; -webkit-overflow-scrolling: touch;align-items:top;background: none;margin: auto; } .feature {width: 100%;margin: 60px auto 0 auto; } .section_text {width: 90%;max-width: 1000px;padding-bottom: 10px;text-align: left; } .section_heading {width: 95%; } }