@charset "utf-8";
	
* {box-sizing: border-box;}
	
html, body {color: #333333;font-family: "Open Sans", sans-serif;font-weight: 500;font-style: normal;font-size: 20px;background: white;}	
	
a {color:#333333;text-decoration:none;}
a:link {color:#333333;text-decoration:none;}
a:hover{color: #333333;text-decoration: none;}
	
h1 {margin: 0;font-size: 30px;text-align: left;}	
p {margin: 0;font-size: 20px;text-align: left;}
			
.flexbox  {display: flex;justify-content: center;align-items: top;flex-wrap: wrap;}


/* ---------------- full screen ----------------------------------------------------------------------------------------------------------- */

.show_desktop {display: block;}
.hide_desktop {display: none;}

 header {position: fixed;background: none;width: 100%;height: 155px;top: 0;left: 0;z-index: 25000;}
.designs_header {position: fixed;background: white;width: 100%;height: 95px;top: 0;left: 0;z-index: 25000;}		
.header_top {position: fixed; top: 0;left: 0;width: 100%;height: 175px;background: none;z-index: 001;}
.logo {position: fixed;top: 10px;left: 10px;width: 150px;z-index: 1100;}
.logo_buy {width: 15%;z-index: 1100;}

.count {position: fixed;top: 10px;right: 30px;font-size: 40px;color: black;z-index: 2000;}
.sub_count {position: fixed;top: 55px;right: 32px;font-size: 17px;color: black;font-weight: 600;z-index: 2000;text-align: center;}
.count_colors {position: fixed;top: 75px;right: 30px;font-size: 40px;color: black;z-index: 2000;}
.sub_count_colors {position: fixed;top: 117px;right: 32px;font-size: 17px;color: black;font-weight: 600;z-index: 2000;text-align: center;}

.banner {position: fixed;top: 15px;width: 100%;height: 25px;background: none;color: red;font-size: 20px;text-align: center;}
.slider {width: 27.5%;margin: 75px auto 0 auto;z-index: 100;}

.version {font-size: 20px;font-weight: 600;text-align: center;width: 100%;}
.your_phone {font-size: 40px;text-align: center;color: black;font-weight: 600;margin: 75px auto 0 auto;line-height: 45px;}
.copyright {position: fixed;bottom: 20px;left: 0;width: 100%;text-align: center;font-size: 14px;font-weight: 600;}

.button {width: max-content;margin: 40px auto 0 auto;font-size: 25px;padding: 20px 60px;border-radius: 15px;background: black;color: white;
	     text-align: center;cursor: pointer;}

.button_index {width: 350px;margin: 40px auto 0 auto;font-size: 25px;padding: 10px;border-radius: 15px;background: black;color: white;
	     text-align: center;cursor: pointer;}

.button_choices {width: 400px;margin: 40px auto 0 auto;font-size: 25px;padding: 10px;border-radius: 15px;background: black;
	             color: white;text-align: center;cursor: pointer;}

.button_got_it {width: 250px;margin: 40px auto 0 auto;font-size: 20px;padding: 10px;border-radius: 15px;background: black;
	            color: white;text-align: center;cursor: pointer;}

.button_inline {width: 250px;margin: 10px 10px 0 10px;font-size: 20px;padding: 10px;border-radius: 15px;background: black;
	            color: white;text-align: center;cursor: pointer;display: inline-block;}

.button_back {width: max-content;margin: 40px 10px 0 10px;font-size: 25px;padding: 20px 60px;border-radius: 15px;background: black;
	          color: white;text-align: center;cursor: pointer;}

.bottom_button_box {width: 100%;text-align: center;margin-top: 30px;}

.full_buy {margin-top: 95px;background: none;}
.full_buy_blanks {margin-top: 100px;}

.buy_image {width: 27%;margin: 0;border: none;position: relative;background: none;height: 620px;}
.buy_image img  {width: 90%;margin:0 auto;display:block;}

.buy_image_top_show {position: absolute;top: 0;left: 0;width: 100%;font-size: 18px;line-height: 20px;z-index: 1000;text-align: center;}
.buy_image_top_no_show {position: absolute;top: 0;left: 0;width: 100%;font-size: 18px;line-height: 20px;z-index: 1000;text-align: center;}
.buy_image_bottom_show {position: absolute;bottom: 0;left: 0;width: 100%;font-size: 18px;line-height: 20px;z-index: 1000;text-align: center;}
.buy_image_bottom_no_show {position: absolute;bottom: 0;width: 100%;font-size: 18px;line-height: 20px;z-index: 1000;text-align: center;}

.buy_image_close_up {width: 100%;margin: 60px auto 0 auto;padding: 10px;border-radius: 10px;}
.buy_image_close_up img {width: 90%;}

.buy_image_blanks {width: 27%;margin: 0;border: none;position: relative;background: none;height: 600px;}
.buy_image_blanks img  {width:100%;margin:-30px auto 0 auto;display:block;}
.buy_image_bottom_show_blanks {position: absolute;bottom: 25px;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;
		                           padding: 0 10px;}

.overlay {position:absolute;background:none;z-index:100;border: none;}
.overlay img {background:none;}

.thumb_image {width: 50px;margin: 0;padding: 5px;}

.image_choice_img {cursor: pointer;position: absolute;left: 0px;top: 550px;padding: 10px 10px 0 10px;border-radius: 10px;background: #FFF;}
.image_choice_garm {cursor: pointer;position: absolute;left: 85px;top: 550px;width: 63px;padding: 3px;border-radius: 10px;background: #FFF;}
.close_up_text {font-size: 11px;text-align: center;margin-bottom: 3px;}
.mockup_text {font-size: 11px;text-align: center;margin-top: -7px;}

.swatches {width: 50%;margin: 0 0 0 10px;background: none;padding: 0 10px;}
.swatches_blanks {width: 900px;margin: 0 0 0 0;background: none;}
.color_box {width: 89px;cursor: pointer;margin: 4px;border-radius: 10px;background: white;}
.color_box_name {width: 100%;margin: -10px 0 2px 0;font-size: 12px;line-height: 13px;text-align: center;}

.size_container {width: 20%;margin: 0;background: none;padding: 0 15px;max-height: auto;}
.size_box {width: 135px;padding: 5px 10px;font-size: 20px;border-radius: 10px;margin: 10px;text-align: center;border: 1px solid #999;
	       cursor: pointer;}
.size_heading {width: 100%;text-align: center;font-size: 25px;}
.size_message {width: 90%;text-align: center;font-size: 18px;margin: auto;}
.royalty_message {width: 90%;color: red;font-size: 15px;line-height: 17px;text-align: center;}
.size_box_size {font-size: 40px;}
.size_box_price {font-size: 30px;}
.size_box_price_sold {font-size: 20px;color: red;margin: 8px 0 6px 0;}
.size_box_specs {font-size: 15px;}

.details {margin: 0 0 0 0;padding: 0 20px;font-size: 13px;line-height: 15px;width: 100%;text-align: left;}

.question {font-size: 40px;text-align: center;color: black;font-weight: 600;margin: 10% auto 0 auto;}
	
.design_intro_heading {font-size: 30px;text-align: center;color: black;font-weight: 600;margin: 125px auto 0 auto;}
.design_intro_text {width: 40%;margin: 30px auto;text-align: center;font-size: 20px;line-height: 25px;font-weight: 600;}

.series_index_box  {width: 600px;background: none;margin: 0 0 0 20px;padding: 0 0 0 0;position: fixed;top: 100px;left: 20px;
	                max-height: 800px;overflow: auto;}
.series_index_heading {text-align: center;font-size: 25px;font-weight: 600;width: 100%;margin: 0 0 10px 0;}
.series_index_holder {text-align: center;padding: 8px 5px;color: #DDD;margin: 0 5px 8px 0;font-size: 13px;border-radius: 10px;
	                  cursor: pointer;background: black;}
.series_index_holder:hover {color: white;}
.series_output_holder {}

.search_results {background: none;text-align: center;margin: 55px 0 100px 600px;padding: 0;}
.series_menu_heading {font-size: 20px;color: white;margin-bottom: 10px;width: 100%;text-align: center;margin-top: 10px;}

.design_search {position: fixed;top: 15px;left: 45%;width:30%;background: none;padding: 5px;margin: auto;}
.design_search input {width: 75%;padding: 10px 20px;font-size: 25px;color: black;border: 1px solid #666;border-radius: 15px;outline: none;
	                  text-align: center;}
.design_search i {color:#000;margin:0;font-size: 35px;cursor: pointer;}
.design_heading  {font-size: 25px;font-weight: 600;text-align: center;margin: 0 0 0 0;}
.section_heading_text  {font-size: 25px;color: red;margin-top: 30px;font-weight: 600;}
.section_heading_lower {font-size: 20px;color: red;margin-top: 5px;}

.container_design {position: relative;margin: 10px;max-width: 14%;cursor: pointer;}
.sub_design {font-size: 13px;line-height: 15px;padding-bottom: 5px;font-weight: 600;}	
.image_holder_a {border-radius: 10px;border: 1px solid #999;padding: 10px;}		
.image_holder_b {border-radius: 10px;border: 1px solid #999;padding: 10px;}
.cart_icon {position: fixed;top: 20px;right: 50px;color: black;z-index: 25001;}
.cart_icon i {font-size: 35px;margin: 0 5px 0 10px;cursor: pointer;color: black;}
	
.cart_logo {position: fixed;top: 20px;left: 10px;width: 150px;z-index: 1100;}	
.cart_heading {margin: 50px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}
.cart_top_apron {position: fixed;background: none;width: 100%;height: 175px;top: 0;left: 0;z-index: 10000;}
.cart_button_back {font-size: 25px;padding: 15px 40px;border-radius: 20px;position: fixed;top: 60px;width: 15%;left: 42.5%;
				   background: black;color: white;text-align: center;cursor: pointer;z-index: 10001; }
.cart_container {width: 80%;max-width: 865px;margin: auto;background: none;}
.cart_divider {width: 100%;height: 2px; background: #BBB;margin: 3px 0;}
.cart_item {width: 100%;border: none;}	
.cart_mockup_holder {width: 20%;position: relative;}	
.cart_details_holder {width: 60%;position: relative;margin-top: 10px;}	
.cart_garm_split {margin-top: 25px;}
.cart_price_holder {width: 20%;position: relative;background: none;}
.cart_price_trsf {width: 100%;font-size: 40px;text-align: right;color: #999;}	
.cart_price_garm {margin-top: 0;width: 100%;font-size: 40px;text-align: right;color: #999;}	
.cart_price_divider {width: 75%;height: 2px; background: #BBB;margin: 3px 0;float: right;}
.cart_sub_tot {width: 100%;font-size: 40px;text-align: right;}	
.cart_remove {width: 38px;float: right;text-align: center;color: white;background: red;border-radius: 50%;font-size: 25px;cursor: pointer;}	
.cart_order_total {font-size: 40px;width: 100%;text-align: right;margin: 20px 0;}
.cart_bottom_buttons {width: 100%;text-align: center;padding-bottom: 100px;}

.promo_top_apron {position: fixed;background: none;width: 100%;height: 100px;top: 0;left: 0;z-index: 10000;}
.promo_logo {position: fixed;top: 20px;left: 10px;width: 150px;z-index: 1100;}	
.promo_container {width: 50%;margin: 50px auto 0 auto;background: none;}
.promo_order_total {font-size: 35px;width: 100%;text-align: center;margin: 250px 0 50px 0;line-height: 15px;}
.promo_pay_heading {width: 100%;text-align: center;margin: 30px auto 0 auto;font-size: 25px;background: none;}
.promo_form {width: 90%;margin: 10px auto 30px auto;text-align: center;background: none;}	
.promo_input_2 {font-size: 35px;width: 30%;padding: 10px 10px 15px 10px;border-radius: 15px;border: 1px solid #999;outline: none;text-align: center;
	            margin: 0 0 20px 0;}
.promo_bottom_buttons {width: 100%;text-align: center;padding: 0 0 50px 0;}
.promo_button_apply {width: 200px;border-radius: 15px;margin: 0 0 0 30px;height: 67px;font-size: 23px;background: black;color: #CCC;
	                 padding: 15px;cursor: pointer;}
.promo_button_apply:hover {color: white;}

.checkout_logo {position: fixed;top: 20px;left: 10px;width: 150px;z-index: 1100;}	
.checkout_top_apron {position: fixed;background: none;width: 100%;height: 100px;top: 0;left: 0;z-index: 10000;}
.checkout_container {width: 50%;margin: 50px auto 0 auto;background: none;}
.checkout_order_total {font-size: 35px;width: 100%;text-align: center;margin: 50px 0 50px 0;line-height: 15px;}

.checkout_pay_heading {width: 100%;text-align: center;margin: 30px auto 0 auto;font-size: 25px;background: none;}
.checkout_pay_options_box {width: 100%;background: none;margin-top: 5px;}	
.checkout_pay_option {width: 60%;font-size: 25px;padding: 15px;border-radius: 20px;text-align: center;margin: 20px;cursor: pointer;}
.checkout_pay_option_text {font-size: 13px;font-weight: 600;}

.checkout_form {width: 90%;margin: 10px auto 0 auto;text-align: center;background: none;}	
.checkout_input_1 {font-size: 20px;width: 60%;padding: 15px;border-radius: 15px;border: 1px solid #999;outline: none;text-align: center;
	               text-transform: capitalize;margin: 0 0 20px 0;}
.checkout_input_2 {font-size: 20px;width: 60%;padding: 15px;border-radius: 15px;border: 1px solid #999;outline: none;
	               text-align: center;text-transform: lowercase;margin: 0 0 20px 0;}
.checkout_input_3 {font-size: 20px;width: 60%;padding: 15px;border-radius: 15px;border: 1px solid #999;outline: none;
	               text-align: center;margin: 0 0 20px 0;}
.checkout_input_sub_1 {width: 80%;text-align: left;margin: 10px auto;}
.checkout_input_sub_2 {width: 80%;text-align: left;margin: 10px auto;font-size: 15px;}
.checkout_bottom_buttons {width: 100%;text-align: center;padding: 0 0 20px 0;}
.checkout_pay_notes {width: 100%;margin: 10px auto 10px auto;text-align: left;font-size: 15px;}
.checkout_terms {width: 50%;margin: 0 auto 10px auto;text-align: left;font-size: 15px;}

.thanks_logo {position: fixed;top: 20px;left: 10px;width: 150px;z-index: 1100;}	
.thanks_container {width: 80%;max-width: 865px;margin: auto;background: none;margin-top: 200px;}
.thanks_text {width: 80%;margin: 50px auto;font-size: 40px;text-align: center;}	
.thanks_spinner {width: 100%;margin: 30px auto;text-align: center;}

.pay_page_heading {width: 90%;max-width: 600px;font-size: 30px;background: none;text-align: center;margin: 125px auto 25px auto;}	
.pay_page_text_1 {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 50px auto 5px auto;}	
.pay_page_text_2 {width: 90%;max-width: 600px;font-size: 40px;background: none;text-align: center;margin: 5px auto ;}	
.pay_page_text_3 {width: 90%;max-width: 600px;font-size: 60px;background: none;text-align: center;margin: 5px auto;}	
.pay_page_text_4 {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 5px auto;}	
.pay_page_text_5 {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 5px auto;}	
.pay_page_text_6 {width: 90%;max-width: 800px;font-size: 15px;font-weight: 600;background: none;text-align: left;margin: 15px auto;}	
.pay_page_bottom_button {width: 100%;text-align: center;padding: 0 0 5px 0;margin: 0 auto 10px auto;}

.status_logo {position: fixed;top: 20px;left: 10px;width: 150px;z-index: 1100;}	
.startus_top_apron {position: fixed;background: none;width: 100%;height: 175px;top: 0;left: 0;z-index: 10000;}
.status_container {width: 100%;max-width: 850px;margin: auto;background: none;}
.status_divider {width: 100%;height: 2px; background: #BBB;margin: 3px 0;}
.status_item {width: 100%;border: none;}	
.status_heading {margin: 50px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}

.status_mockup_holder {width: 15%;position: relative;}
.status_detail_box {border: 1px solid #999;font-size: 15px;padding: 10px 20px;margin: 10px;text-align: center;}
.status_details_holder {width: 60%;position: relative;margin-top: 10px;}

.status_garm_split {margin-top: 25px;}
.status_price_holder {width: 20%;position: relative;background: none;}
.status_price_trsf {width: 100%;font-size: 35px;text-align: right;color: #999;}	
.status_price_garm {margin-top: 0;width: 100%;font-size: 35px;text-align: right;color: #999;}	
.status_price_divider {width: 75%;height: 2px; background: #BBB;margin: 3px 0;float: right;}
.status_sub_tot {width: 100%;font-size: 35px;text-align: right;}	
.status_order_total {font-size: 35px;width: 100%;text-align: right;margin: 20px 0;padding-right: 20px;}

.status_detail_box_amount {font-size: 25px;padding: 10px 0 0 0;}
.status_info_box {width: 25%;margin: 0 20px;text-align: center;}
.status_line_1 {width: 100%;color: red;font-size: 30px;text-align: center;font-style: italic;}
.status_line_2 {width: 100%;font-size: 25px;text-align: center;}
.status_line_3 {width: 100%;font-size: 35px;text-align: center;}
.status_line_4 {width: 100%;font-size: 25px;text-align: center;}
.status_line_5 {width: 70%;margin: auto;font-size: 15px;text-align: center;}












/* --------------- low-res laptop --------------------------------------------------------------------------- */

@media only screen and (max-width: 1366px) {
	

	header {position: fixed;background: none;width: 100%;height: 100px;top: 0;left: 0;z-index: 25000;}
	.logo {position: fixed;top: 10px;left: 10px;width: 150px;z-index: 1100;}	
	.designs_header {position: fixed;background: white;width: 100%;height: 100px;top: 0;left: 0;z-index: 25000;}		
	.header_top {position: fixed; top: 0;left: 0;width: 100%;height: 90px;background: none;z-index: 1000;}
	
	.count {position: fixed;top: 10px;right: 30px;font-size: 30px;color: black;z-index: 2000;}
	.sub_count {position: fixed;top: 40px;right: 32px;font-size: 17px;color: black;font-weight: 600;z-index: 2000;text-align: center;}
	.count_colors {position: fixed;top: 65px;right: 30px;font-size: 30px;color: black;z-index: 2000;}
	.sub_count_colors {position: fixed;top: 95px;right: 32px;font-size: 17px;color: black;font-weight: 600;z-index: 2000;text-align: center;}
	
	.banner {position: fixed;top: 15px;width: 100%;height: 25px;background: none;color: red;font-size: 20px;text-align: center;}
	.slider {width: 32%;margin: 50px auto 0 auto;z-index: 100;}
	
	.series_index_box  {width: 450px;background: none;margin: 0 0 0 20px;padding: 0 0 0 0;position: fixed;top: 100px;left: 20px;
	                   max-height: 800px;overflow: auto;}
	
	.series_index_holder {text-align: center;padding: 5px 3px;color: #DDD;margin: 0 3px 4px 0;font-size: 12px;border-radius: 5px;
						  cursor: pointer;background: black;}
	
	.search_results {background: none;text-align: center;margin: 60px 0 0 33%;padding: 0;}
	
	.design_search {position: fixed;top: 10px;left: 30%;width:60%;background: none;padding: 10px 20px;margin: auto;}
	.design_search input {width: 60%;padding: 15px 20px;font-size: 25px;color: black;border: 1px solid #666;border-radius: 15px;outline: none;}
	.design_search i {color:#000;margin:0;font-size: 40px;cursor: pointer;}	
	.design_heading {font-size: 25px;font-weight: 600;text-align: center;margin: 0 0 10px 0;}			
	.container_design {position: relative;margin: 0 8px 10px 8px;max-width: 16%;cursor: pointer;}	
	
	.cart_icon {position: fixed;top: 15px;right: 50px;color: black;z-index: 25001;}
	.cart_icon i {font-size: 35px;margin: 0 5px 0 10px;cursor: pointer;color: black;}	
	
	.button {width: max-content;margin: 40px auto 0 auto;font-size: 20px;padding: 10px;border-radius: 15px;background: black;color: white;
			 text-align: center;cursor: pointer;}
	
	.button_index {width: 300px;margin: 40px auto 0 auto;font-size: 20px;padding: 10px;border-radius: 15px;background: black;
		     color: white;text-align: center;cursor: pointer;}
	
	.button_choices {width: 400px;margin: 40px auto 0 auto;font-size: 20px;padding: 10px;border-radius: 15px;background: black;
		             color: white;text-align: center;cursor: pointer;}

	.button_got_it {width: 250px;margin: 40px auto 0 auto;font-size: 20px;padding: 10px;border-radius: 15px;background: black;
	                color: white;text-align: center;cursor: pointer;}
	
	.button_inline {width: 250px;margin: 0 10px;font-size: 20px;padding: 10px;border-radius: 15px;background: black;color: white;
					text-align: center;cursor: pointer;display: inline-block;}
	
	.button_back {width: max-content;margin: 40px auto 0 auto;font-size: 30px;padding: 20px 60px;border-radius: 15px;background: black;
				  color: white;text-align: center;cursor: pointer;}
	
	.bottom_button_box {width: 100%;text-align: center;margin-top: 20px;}
	
	.question {font-size: 40px;text-align: center;color: black;font-weight: 600;margin: 10% auto 0 auto;}

	.design_intro_heading {font-size: 30px;text-align: center;color: black;font-weight: 600;margin: 100px auto 0 auto;}
	.design_intro_text {width: 70%;margin: 25px auto;text-align: center;font-size: 20px;line-height: 30px;font-weight: 600;}

	.full_buy {margin-top: 100px;}
	.full_buy_blanks {margin-top: 140px;}
	
	.buy_image {width: 28%;margin: 0;height: 500px;position: relative;background: none;}
	.buy_image_blanks {width: 28%;margin: 0;border: none;max-height: 475px;position: relative;background: none;}
	.buy_image_top_show {position: absolute;top: 0;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;}
	.buy_image_top_no_show {position: absolute;top: 0;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;}
	.buy_image_bottom_show {position: absolute;bottom: 0;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;}
	.buy_image_bottom_no_show {position: absolute;bottom: 0;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;}
	
	.buy_image_close_up {width: 90%;margin: 65px auto 0 auto;padding: 20px;border-radius: 10px;}
	.buy_image img {width: 93%;margin:5px auto 0 auto;display:block;}
	
	.buy_image_blanks img {width:95%;margin:5px auto 0 auto;display:block;}
	.buy_image_bottom_show_blanks {position: absolute;bottom: 25px;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;
		                           padding: 0 10px;}

	.overlay {position:absolute;background:none;z-index:100;border: none;}
	.overlay img {background:none;}
	
	.image_choice_img {cursor: pointer;position: absolute;left: 0px;top: 430px;padding: 12px 10px 0 10px;border-radius: 10px;background: #FFF;}
	.image_choice_garm {cursor: pointer;position: absolute;left: 85px;top: 430px;width: 63px;padding: 0 3px 3px 3px;border-radius: 10px;
		                background: #FFF;}	
	
	.close_up_text {font-size: 11px;text-align: center;margin-bottom: 3px;margin-top: 5px;}
	.mockup_text {font-size: 11px;text-align: center;margin-top: -3px;}
	
	.swatches {width: 45%;margin: 0;background: none;}
	.swatches_blanks {width: 45%;margin: 0 0 0 0;background: none;}
	.color_box {width: 55px;cursor: pointer;margin: 0 5px;border-radius: 10px;background: white;max-height: 100px;}
	.color_box_name {width: 100%;margin: -10px 0 2px 0;font-size: 11px;line-height: 12px;text-align: center;}

	.size_container {width: 24%;margin: 0;background: none;padding: 0;}
	.size_box {width: 130px;padding: 0;font-size: 20px;border-radius: 10px;margin: 10px;text-align: center;border: 1px solid #999;
		       cursor: pointer;}
	
	.size_heading {width: 100%;text-align: center;font-size: 18px;}
	.size_message {width: 100%;text-align: center;font-size: 18px;}	
	.size_box_size {font-size: 30px;margin: 0;}
	.size_box_price {font-size: 30px;margin: 0;}
	.size_box_price_sold {font-size: 20px;color: red;margin: 7px 0 6px 0;}                   
	.size_box_specs {font-size: 15px;}	
	.details {margin: 5px 0 10px 0;font-size: 13px;line-height: 15px;width: 100%;text-align: left;}	

	.your_phone {font-size: 40px;text-align: center;color: black;font-weight: 600;margin: 100px auto 0 auto;line-height: 45px;}
	.thumb_image {width: 50px;margin: 0;padding: 5px;}
		
	.color_message {position: absolute; left: -90px;top: 150px;width: 150px;font-size: 14px;line-height: 17px;text-align: left;}
	.mockup_message {position: absolute; right: -90px;top: 100px;width: 150px;font-size: 14px;line-height: 17px;text-align: right;}

	.cart_heading {margin: 40px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}
	.cart_top_apron {position: fixed;background: none;width: 100%;height: 150px;top: 0;left: 0;z-index: 10000;}
	.cart_button_back {font-size: 25px;padding: 15px 40px;border-radius: 20px;position: fixed;top: 50px;width: 20%;left: 40%;
					   background: black;color: white;text-align: center;cursor: pointer;z-index: 10001; }
	.cart_container {width: 80%;max-width: 865px;margin: auto;background: none;}
	.cart_divider {width: 100%;height: 2px; background: #BBB;margin: 3px 0;}
	.cart_item {width: 100%;border: none;}	
	.cart_mockup_holder {width: 20%;position: relative;}	
	.cart_garm_split {margin-top: 10px;}
	.cart_details_holder {width: 60%;position: relative;}	
	.cart_price_holder {width: 20%;position: relative;background: none;}
	.cart_price_trsf {width: 100%;font-size: 40px;text-align: right;color: #999;}	
	.cart_price_garm {margin-top: 0;width: 100%;font-size: 40px;text-align: right;color: #999;}	
	.cart_price_divider {width: 75%;height: 2px; background: #BBB;margin: 3px 0;float: right;}
	.cart_sub_tot {width: 100%;font-size: 40px;text-align: right;}	
	.cart_remove {width: 40px;float: right;text-align: center;color: white;background: red;border-radius: 50%;font-size: 25px;cursor: pointer;}	
	.cart_order_total {font-size: 40px;width: 100%;text-align: right;margin: 25px 0;}
	.cart_bottom_buttons {width: 100%;text-align: center;padding-bottom: 100px;}
	
	.promo_top_apron {position: fixed;background: none;width: 100%;height: 50px;top: 0;left: 0;z-index: 10000;}
	.promo_logo {position: fixed;top: 20px;left: 10px;width: 150px;z-index: 1100;}	
	.promo_container {width: 80%;margin: 0 auto 0 auto;background: none;}
	.promo_order_total {font-size: 35px;width: 100%;text-align: center;margin: 150px 0 50px 0;line-height: 15px;}
	.promo_pay_heading {width: 100%;text-align: center;margin: 30px auto 0 auto;font-size: 25px;background: none;}
	.promo_form {width: 90%;margin: 10px auto 30px auto;text-align: center;background: none;}	
	.promo_input_2 {font-size: 35px;width: 30%;padding: 10px 10px 15px 10px;border-radius: 15px;border: 1px solid #999;outline: none;
		            text-align: center;margin: 0 0 20px 0;}
	.promo_bottom_buttons {width: 100%;text-align: center;padding: 0 0 50px 0;}
	.promo_button_apply {width: 200px;border-radius: 15px;margin: 0 0 0 30px;height: 67px;font-size: 23px;background: black;color: #CCC;
						 padding: 15px;cursor: pointer;}
	.promo_button_apply:hover {color: white;}
	
	.checkout_logo {position: fixed;top: 10px;left: 10px;width: 150px;z-index: 1100;}	
	.checkout_top_apron {position: fixed;background: none;width: 100%;height: 100px;top: 0;left: 0;z-index: 10000;}
	.checkout_container {width: 50%;max-width: 865px;margin: 50px auto 0 auto;background: none;}
	.checkout_order_total {font-size: 30px;width: 100%;text-align: center;margin: 50px 0 20px 0;line-height: 15px;}

	.checkout_pay_heading {width: 100%;text-align: center;margin: 10px auto 0 auto;font-size: 25px;}
	.checkout_pay_options_box {width: 100%;background: none;margin-top: 10px;}	
	.checkout_pay_option {width: 70%;font-size: 25px;padding: 10px;border-radius: 20px;text-align: center;margin: 20px;cursor: pointer;}	

	.checkout_form {width: 90%;margin: 0 auto 10px auto;text-align: center;background: none;}	
	.checkout_input_1 {font-size: 20px;width: 80%;padding: 15px;border-radius: 20px;border: 1px solid #999;outline: none;text-align: center;
					   text-transform: capitalize;margin: 0 0 15px 0;}
	.checkout_input_2 {font-size: 20px;width: 80%;padding: 15px;border-radius: 20px;border: 1px solid #999;outline: none;
					   text-align: center;text-transform: lowercase;margin: 0 0 15px 0;}
	.checkout_input_3 {font-size: 20px;width: 80%;padding: 15px;border-radius: 20px;border: 1px solid #999;outline: none;
					   text-align: center;margin: 0 0 15px 0;}
	.checkout_input_sub_1 {width: 80%;text-align: left;margin: auto;}
	.checkout_input_sub_2 {width: 80%;text-align: left;margin: 10px auto 0 auto;font-size: 15px;background: none;}
	.checkout_bottom_buttons {width: 100%;text-align: center;padding-bottom: 0;margin: 10px 0 40px 0;background: none;}
	.checkout_terms {width: 70%;margin: auto;text-align: left;font-size: 15px;}

	.thanks_logo {position: fixed;top: 10px;left: 10px;width: 150px;z-index: 1100;}	
	.thanks_container {width: 80%;max-width: 865px;margin: auto;background: none;margin-top: 200px;}
	.thanks_text {width: 80%;margin: auto;font-size: 40px;text-align: center;}	
	.thanks_spinner {width: 100%;margin: 30px auto;text-align: center;}

	.pay_page_heading {width: 90%;max-width: 600px;font-size: 30px;background: none;text-align: center;margin: 30px auto 25px auto;}	
	.pay_page_text_1 {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 50px auto 5px auto;}	
	.pay_page_text_2 {width: 90%;max-width: 600px;font-size: 40px;background: none;text-align: center;margin: 5px auto ;}	
	.pay_page_text_3 {width: 90%;max-width: 600px;font-size: 60px;background: none;text-align: center;margin: 5px auto;}	
	.pay_page_text_4 {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 5px auto;}	
	.pay_page_text_5 {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 5px auto;}	
	.pay_page_text_6 {width: 90%;max-width: 800px;font-size: 15px;font-weight: 600;background: none;text-align: left;margin: 15px auto;}	
	.pay_page_bottom_button {width: 100%;text-align: center;padding: 0 0 5px 0;margin: 0 auto 10px auto;}
	
	.status_logo {position: fixed;top: 10px;left: 10px;width: 150px;z-index: 1100;}	
	.startus_top_apron {position: fixed;background: none;width: 100%;height: 175px;top: 0;left: 0;z-index: 10000;}
	.status_container {width: 100%;max-width: 850px;margin: auto;background: none;}
	.status_divider {width: 100%;height: 2px; background: #BBB;margin: 3px 0;}
	.status_item {width: 100%;border: none;}	
	.status_heading {margin: 50px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}

	.status_mockup_holder {width: 15%;position: relative;}
	.status_detail_box {border: 1px solid #999;font-size: 15px;padding: 10px 20px;margin: 10px;text-align: center;}
	.status_details_holder {width: 60%;position: relative;margin-top: 10px;}

	.status_garm_split {margin-top: 25px;}
	.status_price_holder {width: 20%;position: relative;background: none;}
	.status_price_trsf {width: 100%;font-size: 35px;text-align: right;color: #999;}	
	.status_price_garm {margin-top: 0;width: 100%;font-size: 35px;text-align: right;color: #999;}	
	.status_price_divider {width: 75%;height: 2px; background: #BBB;margin: 3px 0;float: right;}
	.status_sub_tot {width: 100%;font-size: 35px;text-align: right;}	
	.status_order_total {font-size: 35px;width: 100%;text-align: right;margin: 20px 0;padding-right: 20px;}

	.status_detail_box_amount {font-size: 25px;padding: 10px 0 0 0;}
	.status_info_box {width: 25%;margin: 0 20px;text-align: center;}
	.status_line_1 {width: 100%;color: red;font-size: 30px;text-align: center;font-style: italic;}
	.status_line_2 {width: 100%;font-size: 25px;text-align: center;}
	.status_line_3 {width: 100%;font-size: 35px;text-align: center;}
	.status_line_4 {width: 100%;font-size: 25px;text-align: center;}
	.status_line_5 {width: 70%;margin: auto;font-size: 15px;text-align: center;}
	
	

} /* end of 1366






/* --------------- ipad ------------------------------------------------------------------------------------- */

@media only screen and (max-width: 820px) {
	
	.show_ipad {display: block;}
	.hide_ipad {display: none;}

	header {position: fixed;background: white;width: 100%;height: 130px;top: 0;left: 0;z-index: 100;}

	.designs_header {position: fixed;background: white;width: 100%;height: 110px;top: 0;left: 0;z-index: 100;}			
	.header_top {position: fixed; top: 0;left: 0;width: 100%;height: 130px;background: white;z-index: 1000;}	
	.logo {position: relative;left: 10px;width: 175px;z-index: 10005;top: 10px;}	
	.count {position: fixed;top: 20px;right: 30px;font-size: 40px;color: black;}
	.sub_count {position: fixed;top: 65px;right: 32px;font-size: 16px;color: black;font-weight: 600;}	
	.count_colors {position: fixed;top: 105px;right: 30px;font-size: 40px;color: black;z-index: 2000;}
	.sub_count_colors {position: fixed;top: 147px;right: 32px;font-size: 17px;color: black;font-weight: 600;z-index: 2000;text-align: center;}

	.banner {position: fixed;top: 130px;width: 100%;height: 25px;background: none;color: red;font-size: 20px;text-align: center;}	
	.slider {width: 60%;margin: 180px auto 0 auto;}

	.series_index_box {width: 30%;background: none;min-height: 500px;margin: 0 10px;padding: 0;position: fixed;top: 80px;left: 30px;}	

	.button {width: 90%;max-width: 50%;margin: 40px auto 0 auto;font-size: 25px;padding: 26px 40px 25px 40px;border-radius: 15px;
		    background: black;color: white;text-align: center;}

	.button_index {width: 350px;margin: 40px auto 0 auto;font-size: 25px;padding: 10px;border-radius: 15px;
		    background: black;color: white;text-align: center;}

	.button_choices {width: 50%;margin: 40px auto 0 auto;font-size: 25px;padding: 10px;border-radius: 15px;
		    background: black;color: white;text-align: center;}

	.button_got_it {width: 250px;margin: 40px auto 0 auto;font-size: 20px;padding: 10px;border-radius: 15px;background: black;
	                color: white;text-align: center;cursor: pointer;}
	
	.button_back {font-size: 25px;padding: 15px 10px;border-radius: 10px;position: fixed;top: 10px;width: 350px;left: 35%;
		          background: black;color: white;text-align: center;cursor: pointer;z-index: 10001;}
	
	.bottom_button_box {width: 100%;text-align: center;margin: 0;}
		
	.button_inline {width: 225px;margin: 30px 10px 0 10px;font-size: 18px;padding: 10px;border-radius: 10px;background: black;
					color: white;text-align: center;cursor: pointer;display: inline-block;}

	.full_buy {margin-top: 130px;padding-bottom: 100px;}
	.full_buy_blanks {margin-top: 140px;padding-bottom: 100px;background: none;}
	
	.buy_image {width:100%;width:500px;margin:0 auto 0 auto;border:none;position:relative;}	
	.buy_image_blanks {width:100%;max-width:500px;margin:-30px auto 0 auto;border:none;position:relative;max-height: auto;}
	.buy_image_top_show {position: absolute;top: 0;left: 0;width: 100%;font-size: 20px;z-index: 0001;text-align: center;}
	.buy_image_top_no_show {position: absolute;top: 0;left: 0;width: 100%;font-size: 20px;z-index: 0001;text-align: center;}
	.buy_image_bottom_show {position: absolute;bottom: 0px;left: 0;width: 100%;font-size: 20px;z-index: 0001;text-align: center;}
	.buy_image_bottom_no_show {position: absolute;bottom: 0px;left: 0;width: 100%;font-size: 20px;z-index: 1000;text-align: center;
		                       z-index: 0001;}
	.buy_image_close_up {width: 100%;margin: 60px auto 50px auto;padding: 20px;border-radius: 10px;}
	.buy_image img {width:80%;margin:10px auto 0 auto;display:block;}
	.buy_image_blanks img {width:100%;margin:10px auto 0 auto;display:block;}
	.buy_image_bottom_show_blanks {position: absolute;bottom: 0px;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;
		                           padding: 0 10px;}
	
	.overlay {position:absolute;background:none;z-index:0001;border: none;}	
	.overlay img {background:none;}
	
	.image_choice_garm {cursor: pointer;position: absolute;left: -35px;top: 70px;width: 56px;padding: 0;border-radius: 5px;
		                background: white;}	
	.image_choice_garm img {margin-top: 0;}	
	.image_choice_img {cursor: pointer;position: absolute;left: -110px;top: 70px;width: 65px;padding: 5px;border-radius: 5px;
		               background: white;}	
	.close_up_text {font-size: 11px;text-align: center;margin-bottom: 0;margin-top: 2px;}
	.mockup_text {font-size: 11px;text-align: center;margin-bottom: 5px;margin-top: -3px;}
	
	
	.color_message {position: absolute; left: -90px;top: 150px;width: 150px;font-size: 14px;line-height: 17px;text-align: left;}
	.mockup_message {position: absolute; right: -90px;top: 100px;width: 150px;font-size: 14px;line-height: 17px;text-align: right;}
	

	.swatches {width: 100%;margin: 15px auto 0 auto;max-height: auto;}	
	.swatches_blanks {width: 100%;margin: 70px auto 0 auto;max-height: auto;}	
	.color_box {width: 60px;cursor: pointer;margin: 5px;border-radius: 10px;max-height: auto;}
	.color_box_name {width: 100%;margin: -10px 0 2px 0;font-size: 11px;line-height: 12px;text-align: center;}

	.size_container {width: 100%;margin: 0 auto 0 auto;}
	.size_box {width: 100px;padding: 10px;font-size: 20px;border-radius: 10px;margin: 10px;text-align: center;border: 1px solid #999;
			   cursor: pointer;}	
	.size_heading {width: 100%;text-align: center;font-size: 25px;}
	.size_message {width: 100%;text-align: center;font-size: 18px;}	
	.size_box_size {font-size: 25px;margin: 0;}
	.size_box_price {font-size: 25px;margin: 0;}
	.size_box_price_sold {font-size: 15px;color: red;margin: 7px 0 7px 0;}                   
	.size_box_specs {font-size: 12px;}

	.details {margin: 10px 0 20px 0;font-size: 13px;line-height: 15px;width: 90%;text-align: center;}	
	.your_phone {font-size: 40px;text-align: center;color: black;font-weight: 600;margin: 100px auto 0 auto;line-height: 45px;}
	.thumb_image {width: 50px;margin: 0;padding: 5px;}
	
	.question {margin: 35% auto 0 auto;font-size: 40px;font-weight: 600px;text-align: center;}
	
	.design_intro_heading {font-size: 32px;text-align: center;color: black;font-weight: 600;margin: 175px auto 0 auto;}
	.design_intro_text {width: 90%;margin: 18px auto;text-align: center;font-size: 20px;line-height: 30px;font-weight: 600;}
	
	.copyright {position: fixed;bottom: 10px;left: 0;width: 100%;text-align: center;font-size: 14px;}

	.search_results {background: none;text-align: center;margin: 105px 0 50px 0;padding-bottom: 50px;}	
	.container_design {position: relative;margin: 10px;max-width: 30%;cursor: pointer;}
	
	.design_search_ipad {position: fixed;top: 30px;left:250px;width: 300px;background: none;padding: 0;z-index: 1000;}	
	.design_search_ipad input {width: 80%;padding: 15px;font-size:20px;color: black;border: 1px solid #666;border-radius: 15px;outline: none;
							   text-align: center;}	
	.design_search_ipad i {color:#000;margin:0;font-size: 35px;cursor: pointer;}
	
	
	#menu_header_bars {transition: all .5s linear;}
	.menu_header_bars {font-size: 35px;position: fixed;top: 30px;right: 145px;z-index: 10002;}
	.menu_header_bars_for_toggle {transform: rotate(-90deg);}
	.search_header_icon_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: 20px;width: 95%;padding: 100px 10px 50px 10px;background: black;margin: 0 auto;
				z-index: 001;border-radius: 10px;}	
	#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: 15px;z-index: 001;width:100%;column-count: 3;column-gap: 5px;background: black;padding: 10px 0 0 0;}
	.index_for_mobile p {font-size:18px;line-height:20px;margin:0 2px;color: white;padding: 0;}

	.cart_icon {position: fixed;top: 30px;right: 40px;color: black;z-index: 25000;}
	.cart_icon i {font-size: 35px;margin: 0 5px 0 10px;cursor: pointer;color: black;}	
	.cart_logo {position: fixed;top: 0;left: 10px;width: 200px;z-index: 1001;}		
	.cart_heading {margin: 140px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}
	.cart_top_apron {position: fixed;background: white;width: 100%;height: 130px;top: 0;left: 0;z-index: 10000;}
	.cart_button_back {font-size: 25px;padding: 10px 30px;border-radius: 20px;position: fixed;top: 55px;width: 40%;left: 50%;
					   background: black;color: white;text-align: center;cursor: pointer;z-index: 10001; }
	.cart_container {width: 90%;max-width: 865px;margin: auto;background: none;font-size: 18px;}
	.cart_divider {width: 100%;height: 2px; background: #BBB;margin: 5px 0;}
	.cart_item {width: 100%;border: none;}	
	.cart_mockup_holder {width: 20%;position: relative;}	
	.cart_details_holder {width: 60%;position: relative;}	
	.cart_garm_split {margin-top: 10px;}
	.cart_price_holder {width: 20%;position: relative;background: none;}
	.cart_price_trsf {width: 100%;font-size: 35px;text-align: right;color: #999;}	
	.cart_price_garm {margin-top: 0;width: 100%;font-size: 35px;text-align: right;color: #999;}	
	.cart_price_divider {width: 75%;height: 2px; background: #BBB;margin: 3px 0;float: right;}
	.cart_sub_tot {width: 100%;font-size: 35px;text-align: right;}	
	.cart_remove {width: 40px;float: right;text-align: center;color: white;background: red;border-radius: 50%;font-size: 25px;cursor: pointer;}	
	.cart_order_total {font-size: 40px;width: 100%;text-align: right;margin: 25px 0;}
	.cart_bottom_buttons {width: 100%;text-align: center;padding-bottom: 100px;}
		
	.promo_top_apron {position: fixed;background: none;width: 100%;height: 50px;top: 0;left: 0;z-index: 10000;}
	.promo_logo {position: fixed;top: 20px;left: 10px;width: 150px;z-index: 1100;}	
	.promo_container {width: 90%;margin: 0 auto 0 auto;background: none;}
	.promo_order_total {font-size: 35px;width: 100%;text-align: center;margin: 150px 0 50px 0;line-height: 40px;}
	.promo_pay_heading {width: 100%;text-align: center;margin: 30px auto 0 auto;font-size: 25px;background: none;}
	.promo_form {width: 100%;margin: 10px auto 30px auto;text-align: center;background: none;}	
	.promo_input_2 {font-size: 35px;width: 30%;padding: 10px 10px 15px 10px;border-radius: 15px;border: 1px solid #999;outline: none;
		            text-align: center;margin: 0 0 20px 0;}
	.promo_bottom_buttons {width: 100%;text-align: center;padding: 0 0 50px 0;}
	.promo_button_apply {width: 200px;border-radius: 15px;margin: 0 0 0 30px;height: 67px;font-size: 23px;background: black;color: #CCC;
						 padding: 15px;cursor: pointer;}
	.promo_button_apply:hover {color: white;}
	
	.checkout_logo {position: fixed;top: 20px;left: 10px;width: 200px;z-index: 1100;}	
	.checkout_top_apron {position: fixed;background: white;width: 100%;height: 130px;top: 0;left: 0;z-index: 10000;}
	.checkout_container {width: 80%;max-width: 865px;margin: auto;background: none;margin-top: 150px;}
	.checkout_order_total {font-size: 25px;width: 100%;text-align: center;margin: 20px 0;line-height: 15px;}

	.checkout_pay_heading {width: 100%;text-align: center;margin: 40px auto 0 auto;font-size: 20px;}
	.checkout_pay_options_box {width: 100%;background: none;margin-top: 0;}	
	.checkout_pay_option {width: 70%;font-size: 25px;padding: 15px;border-radius: 20px;text-align: center;margin: 20px;cursor: pointer;}	

	.checkout_form {width: 90%;margin: 20px auto;text-align: center;background: none;}	
	.checkout_input_1 {font-size: 20px;width: 80%;padding: 20px;border-radius: 20px;border: 1px solid #999;outline: none;text-align: center;
					   text-transform: capitalize;margin: 0 0 20px 0;}
	.checkout_input_2 {font-size: 20px;width: 80%;padding: 20px;border-radius: 20px;border: 1px solid #999;outline: none;
					   text-align: center;text-transform: lowercase;margin: 0 0 20px 0;}
	.checkout_input_3 {font-size: 20px;width: 80%;padding: 20px;border-radius: 20px;border: 1px solid #999;outline: none;
					   text-align: center;margin: 0 0 20px 0;}
	.checkout_input_sub_1 {width: 80%;text-align: left;margin: auto;font-size: 15px;}
	.checkout_input_sub_2 {width: 80%;text-align: left;margin: 10px auto;font-size: 15px;}
	.checkout_bottom_buttons {width: 100%;text-align: center;padding-bottom: 25px;margin: 10px 0 0 0;}
	.checkout_terms {width: 80%;margin: 0 auto 20px auto;text-align: left;font-size: 15px;}

	.thanks_logo {position: fixed;top: 20px;left: 10px;width: 200px;z-index: 1100;}	
	.thanks_container {width: 80%;max-width: 865px;margin: auto;background: none;margin-top: 300px;}
	.thanks_text {width: 80%;margin: 50px auto;font-size: 40px;text-align: center;}	
	.thanks_spinner {width: 100%;margin: 30px auto;text-align: center;}
	
	.pay_page_heading {width: 90%;max-width: 600px;font-size: 30px;background: none;text-align: center;margin: 150px auto 25px auto;}	
	.pay_page_text_1 {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 50px auto 5px auto;}	
	.pay_page_text_2 {width: 90%;max-width: 600px;font-size: 40px;background: none;text-align: center;margin: 5px auto ;}	
	.pay_page_text_3 {width: 90%;max-width: 600px;font-size: 60px;background: none;text-align: center;margin: 5px auto;}	
	.pay_page_text_4 {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 5px auto;}	
	.pay_page_text_5 {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 5px auto;}	
	.pay_page_text_6 {width: 90%;max-width: 800px;font-size: 15px;font-weight: 600;background: none;text-align: left;margin: 15px auto;}	
	.pay_page_bottom_button {width: 100%;text-align: center;padding: 0 0 5px 0;margin: 0 auto 10px auto;}
	
	.status_logo {position: fixed;top: 20px;left: 10px;width: 150px;z-index: 1100;}	
	.startus_top_apron {position: fixed;background: white;width: 100%;height: 100px;top: 0;left: 0;z-index: 10000;}
	.status_container {width: 95%;max-width: 800px;margin: auto;}
	.status_divider {width: 100%;height: 2px; background: #BBB;margin: 3px 0;}
	.status_item {width: 100%;border: none;}	
	.status_heading {margin: 100px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}

	.status_mockup_holder {width: 15%;position: relative;}
	.status_detail_box {border: 1px solid #999;font-size: 15px;padding: 10px;margin: 10px;text-align: center;}
	.status_details_holder {width: 60%;position: relative;margin-top: 10px; font-size: 20px;line-height: 25px;}
	.status_detail_box_amount {font-size: 22px;padding: 10px 0 0 0;}

	.status_garm_split {margin-top: 25px;}
	.status_price_holder {width: 20%;position: relative;background: none;}
	.status_price_trsf {width: 100%;font-size: 35px;text-align: right;color: #999;}	
	.status_price_garm {margin-top: 0;width: 100%;font-size: 35px;text-align: right;color: #999;}	
	.status_price_divider {width: 75%;height: 2px; background: #BBB;margin: 3px 0;float: right;}
	.status_sub_tot {width: 100%;font-size: 35px;text-align: right;}	
	.status_order_total {font-size: 35px;width: 100%;text-align: right;margin: 20px 0;padding-right: 20px;}

	.status_info_box {width: 25%;margin: 0 20px;text-align: center;}
	.status_line_1 {width: 100%;color: red;font-size: 30px;text-align: center;font-style: italic;}
	.status_line_2 {width: 100%;font-size: 25px;text-align: center;}
	.status_line_3 {width: 100%;font-size: 35px;text-align: center;}
	.status_line_4 {width: 100%;font-size: 25px;text-align: center;}
	.status_line_5 {width: 70%;margin: auto;font-size: 15px;text-align: center;}
	
		
	
} /* end of 820






/* --------------- phone ------------------------------------------------------------------------------------ */

@media only screen and (max-width: 480px) {
	
	.show_mobile {display: block;}
	.hide_mobile {display: none;}

	header {position: fixed;background: white;width: 100%;height: 70px;top: 0;left: 0;z-index: 25000;}

	.designs_header {position: fixed;background: white;width: 100%;height: 70px;top: 0;left: 0;z-index: 25000;
					 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}			
	.header_top {display: none;}

	.logo {width: 110px;margin: 0;padding: 0;top: 5px;}

	.count {position: fixed;top: 5px;right: 25px;font-size: 30px;color: black;z-index: 30000;}	
	.count_colors {position: fixed;top: 105px;right: 30px;font-size: 40px;color: black;z-index: 2000;}
	.sub_count_colors {position: fixed;top: 147px;right: 32px;font-size: 17px;color: black;font-weight: 600;z-index: 2000;text-align: center;}	
	.sub_count {position: fixed;top: 35px;right: 25px;font-size: 16px;color: black;font-weight: 600;z-index: 25001;}

	.banner {position: fixed;top: 70px;width: 100%;height: 25px;background: none;color: red;font-size: 13px;text-align: center;}	
	.slider {width: 80%;margin: 25% auto 0 auto;}
	
	.series_index_box {width: 30%;background: none;min-height: 500px;margin: 0 10px;padding: 0;position: fixed;top: 80px;left: 30px;}	
	
	.button {width: 90%;max-width: 60%;margin: 20px auto 0 auto;font-size: 20px;padding: 10px;border-radius: 15px;
		     background: black;color: white;text-align: center;}

	.button_choices {width: 300px;margin: 20px auto 0 auto;font-size: 20px;padding: 10px;border-radius: 15px;
		     background: black;color: white;text-align: center;}
	
	.button_got_it {width: 250px;margin: 40px auto 0 auto;font-size: 20px;padding: 10px;border-radius: 15px;background: black;
	            color: white;text-align: center;cursor: pointer;}
	
	.button_back {font-size: 15px;padding: 10px 10px;border-radius: 10px;position: fixed;top: -10px;width: 175px;left: 150px;
		          background: black;color: white;text-align: center;cursor: pointer;z-index: 10001;}
	
	.bottom_button_box {width: 100%;text-align: center;margin: 0 0 10px 0;}
	
	.button_index {width: 250px;margin: 10px auto 0 auto;font-size: 20px;padding: 10px;border-radius: 15px;
		     background: black;color: white;text-align: center;}
		
	.button_inline {width: 275px;margin: 30px 10px 0 10px;font-size: 20px;padding: 10px;border-radius: 15px;background: black;
					color: white;text-align: center;cursor: pointer;display: inline-block;}

	.full_buy {margin-top: 30px;padding-bottom: 10px;}
	.full_buy_blanks {margin-top: 30px;padding-bottom: 100px;}
	
	.buy_image {width:100%;margin: 40px auto 0 auto;padding-bottom: 10px;position:relative;height: 445px;}	
	.buy_image_blanks {width:100%;margin: 50px auto 0 auto;position:relative;height: 400px;}
	.buy_image_top_show {position: absolute;top: 10px;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;padding: 0 10px;}		
	.buy_image_top_no_show {position: absolute;top: 10px;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;padding: 0 10px;}
	.buy_image_bottom_show {position: absolute;bottom: 10px;left: 0;width: 100%;font-size: 13px;z-index: 1000;text-align: center;
		                    padding: 0 10px;}
	.buy_image_bottom_show_blanks {position: absolute;bottom: 0;left: 0;width: 100%;font-size: 13px;line-height: 14px;z-index: 1000;
		                           text-align: center;padding: 0 10px;}

	.buy_image_bottom_no_show {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1000;text-align: center;margin-top: 0;padding: 0 10px;
							   font-size: 14px;}
	.buy_image_close_up {width: 90%;margin: 60px auto 62px auto;padding: 5px;border-radius: 10px;}
	.buy_image img {width:90%;margin:20px auto 0 auto;display:block;border: none;}
	.buy_image_blanks img {width:90%;margin:-30px auto 0 auto;display:block;border: none;}

	.overlay {position:absolute;background:none;z-index:100;border: none;}	
	.overlay img {background:none;}

	.garm_color {position: absolute;bottom: 20px;left: 0;width: 100%;padding: 0 5px;font-size: 20px;text-align: center;background: none;
				 z-index: 10001;}

	.swatches {width: 100%;margin: -20px auto 0 auto;max-height: auto;padding: 0 5px;}	
	.swatches_blanks {width: 100%;margin: 20px auto 0 auto;max-height: auto;padding: 0 5px;}	

	.color_box {width: 35px;cursor: pointer;margin: 1px;border-radius: 5px;max-height: 50px;}
	.color_box_name {width: 100%;margin: -10px 0 2px 0;font-size: 11px;line-height: 12px;text-align: center;}	
	
	.size_container {width: 100%;margin: 10px auto 0 auto;}
	.size_box {width: 95px;padding: 5px;font-size: 20px;border-radius: 10px;margin: 10px;text-align: center;border: 1px solid #999;cursor: pointer;}	
	.size_heading {width: 100%;text-align: center;font-size: 20px;}
	.size_message  {width: 90%;text-align: center;font-size: 13px;}	
	.size_box_size {font-size: 25px;margin: 0;}
	.size_box_price {font-size: 20px;margin: 0;}
	.size_box_price_sold {font-size: 15px;color: red;margin: 5px 0 2px 0;}                   
	.size_box_specs {font-size: 12px;}

	.details  {margin: 10px 0 20px 0;font-size: 13px;line-height: 15px;width: 90%;text-align: left;}	

	.series_menu_heading {font-size: 20px;color: white;margin-bottom: 10px;width: 100%;text-align: center;margin-top: 10px;}

	.your_phone {font-size: 40px;text-align: center;color: black;font-weight: 600;margin: 100px auto 0 auto;line-height: 45px;}

	.image_choice_garm {cursor: pointer;position: absolute;left: 60px;top:340px;width: 45px;padding: 0;border-radius: 5px;z-index: 10000;
						background: white;}	
	.image_choice_garm img	{margin-top: 0;overflow: hidden;}      
	.image_choice_img {cursor: pointer;position: absolute;left: 0;top: 340px;width: 55px;padding: 3px;border-radius: 5px;z-index: 10000;
					   background: white;}
	.thumb_image {width: 40px;margin: 0 0 0 2px;padding: 5px;}
	.close_up_text {font-size: 10px;text-align: center;margin-bottom: 0;margin-top: 0;}
	.mockup_text {font-size: 10px;text-align: center;margin-bottom: 3px;margin-top: -6px;}
	
	.color_message {position: absolute; left: -90px;top: 150px;width: 150px;font-size: 14px;line-height: 17px;text-align: left;}
	.mockup_message {position: absolute; right: -90px;top: 100px;width: 150px;font-size: 14px;line-height: 17px;text-align: right;}

	.question {margin: 30% 5% 10% 5%;font-size: 25px;font-weight: 600px;text-align: center;}

	.design_intro_heading {font-size: 23px;text-align: center;color: black;font-weight: 600;margin: 85px auto 0 auto;}
	.design_intro_text {width: 90%;margin: 18px auto;text-align: left;font-size: 15px;line-height: 18px;font-weight: 600;}

	.search_panel_mobile {display: none;width: 100%;background: white;position: fixed;left: 0;top: 60px;padding: 20px;z-index: 1000;}	
	.search_panel_mobile input {width: 85%;padding: 10px;font-size: 20px;color: black;border: 1px solid #666;border-radius: 10px;outline: none;
								text-align: center;}	
	.search_panel_mobile i {color:#000;margin:0;font-size: 30px;cursor: pointer;padding: 10px;}	
	#search_header_icon {transition: all .5s linear;}
	.search_header_icon {font-size: 25px;position: fixed;top: 15px;right: 150px;z-index: 10002;}
	.search_header_icon_for_toggle {transform: rotate(180deg);}
	.search_header_icon i {cursor: pointer;}		
	.search_results {background: none;text-align: center;margin: 80px auto 0 auto;padding: 0 0 50px 0;}	

	.design_heading {font-size: 20px;font-weight: 600;text-align: center;}	
	.container_design {position: relative;margin: 8px;width: 45%;max-width: 45%;cursor: pointer;}	
	.copyright {position: fixed;bottom: 15px;left: 0;width: 100%;text-align: center;font-size: 12px;}	
	.menu_header_bars {font-size: 25px;position: fixed;top: 15px;right: 90px;z-index: 10002;}	
	.index_for_mobile {font-size: 10px;z-index: 001;width:100%;column-count: 3;column-gap: 3px;background: black;padding: 0;}
	.index_for_mobile p {font-size:12px;line-height:14px;margin:0 2px;color: white;padding: 0;}		
	#menu_list {display: none;position: fixed;top: 40px;left: 16px;width: 92%;padding: 20px 0;background: black;margin: 0 auto;z-index: 001;
				border-radius: 10px;}	
	#menu_list a  {color:#333;text-decoration: none;}	
	.menu_item_m {padding:5px 10px;font-size:20px;line-height:15px;cursor: pointer;color:white;}

	.section_heading_text {font-size: 25px;color: red;margin-top: 30px;font-weight: 600;}
	.section_heading_lower {font-size: 20px;color: red;margin-top: 5px;width: 90%;margin: 20px auto;}	

	.cart_icon {position: fixed;top: 15px;right: 20px;color: black;z-index: 25000;font-size: 14px;}
	.cart_icon i {font-size: 25px;margin: 0 5px 0 10px;cursor: pointer;color: black;}	
	.cart_logo {position: fixed;top: 5px;left: 10px;width: 110px;z-index: 1001;}		
	.cart_heading {margin: 75px 0 5px 0;font-size: 25px;font-weight: 500;text-align: center;}
	.cart_top_apron {position: fixed;background: white;width: 100%;height: 70px;top: 0;left: 0;z-index: 10000;
					 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}
	
	.cart_button_back {font-size: 18px;padding: 10px 10px;border-radius: 20px;position: fixed;top: 25px;width: 45%;left: 50%;
					   background: black;color: white;text-align: center;cursor: pointer;z-index: 10001;border: 1px solid #000;}
	
	.cart_container {width: 95%;max-width: 865px;margin: auto;background: none;font-size: 12px;line-height: 13px;}
	.cart_divider {width: 100%;height: 1px; background: #BBB;margin: 5px 0;}
	.cart_item {width: 100%;border: none;}	
	.cart_mockup_holder {width: 20%;position: relative;}	
	.cart_details_holder {width: 60%;position: relative;margin-top: 0;}	
	.cart_price_holder {width: 20%;position: relative;background: none;}
	.cart_price_trsf {width: 100%;font-size: 18px;text-align: right;color: #999;line-height: 20px;}	
	.cart_price_garm {margin-top: 5px;width: 100%;font-size: 18px;text-align: right;color: #999;line-height: 20px;}	
	.cart_price_divider {width: 75%;height: 1px; background: #BBB;margin: 3px 0;float: right;}
	.cart_sub_tot {width: 100%;font-size: 18px;text-align: right;line-height: 20px;}	
	.cart_remove {width: 30px;float: right;text-align: center;color: white;background: red;border-radius: 50%;font-size: 20px;cursor: pointer;
				  line-height: 26px;}	
	.cart_order_total {font-size: 23px;width: 100%;text-align: right;margin: 15px 0;}
	.cart_bottom_buttons {width: 100%;text-align: center;padding-bottom: 100px;}
			
	.promo_top_apron {position: fixed;background: white;width: 100%;height: 70px;top: 0;left: 0;z-index: 10000;}
	.promo_logo {position: fixed;top: 5px;left: 10px;width: 110px;z-index: 1100;}	
	.promo_container {width: 90%;margin: 0 auto 0 auto;background: none;}
	.promo_order_total {font-size: 25px;width: 100%;text-align: center;margin: 75px 0 50px 0;line-height: 30px;}
	.promo_pay_heading {width: 100%;text-align: center;margin: 30px auto 0 auto;font-size: 18px;background: none;}
	.promo_form {width: 100%;margin: 10px auto 30px auto;text-align: center;background: none;}	
	.promo_input_2 {font-size: 35px;width: 80%;padding: 10px 10px 15px 10px;border-radius: 15px;border: 1px solid #999;outline: none;
		            text-align: center;margin: 0 0 20px 0;}
	.promo_bottom_buttons {width: 100%;text-align: center;padding: 0 0 50px 0;}
	.promo_button_apply {width: 200px;border-radius: 15px;margin: 0;height: 67px;font-size: 23px;background: black;color: #CCC;
						 padding: 15px;cursor: pointer;}
	.promo_button_apply:hover {color: white;}
	
	.checkout_logo {position: fixed;top: 5px;left: 10px;width: 110px;z-index: 1100;}	
	.checkout_top_apron {position: fixed;background: white;width: 100%;height: 70px;top: 0;left: 0;z-index: 10000;
						 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}
	.checkout_container {width: 100%;max-width: 865px;margin: auto;background: none;margin-top: 90px;}
	.checkout_order_total {font-size: 25px;width: 90%;text-align: center;margin: 20px auto;line-height: 30px;}

	.checkout_pay_heading {width: 100%;text-align: center;margin: 15px auto 0 auto;font-size: 20px;}
	.checkout_pay_options_box {width: 100%;background: none;margin-top: 10px;}	
	.checkout_pay_option {width: 85%;font-size: 18px;padding: 5px;border-radius: 10px;text-align: center;margin: 10px;cursor: pointer;}	

	.checkout_form {width: 90%;margin: 25px auto 10px auto;text-align: center;background: none;}	
	.checkout_input_1 {font-size: 18px;width: 90%;padding: 10px 20px;border-radius: 15px;border: 1px solid #999;outline: none;text-align: center;
					   text-transform: capitalize;margin: 0 0 20px 0;}
	.checkout_input_2 {font-size: 18px;width: 90%;padding: 10px 20px;border-radius: 15px;border: 1px solid #999;outline: none;
					   text-align: center;text-transform: lowercase;margin: 0 0 20px 0;}
	.checkout_input_3 {font-size: 18px;width: 90%;padding: 10px 20px;border-radius: 15px;border: 1px solid #999;outline: none;
					   text-align: center;margin: 0 0 0 0;}
	.checkout_input_sub_1 {width: 100%;text-align: left;margin: auto;font-size: 15px;}
	.checkout_input_sub_2 {width: 100%;text-align: left;margin: 10px auto;font-size: 15px;}
	.checkout_bottom_buttons {width: 100%;text-align: center;padding: 0 0 5px 0;margin: 0 auto 10px auto;}
	.checkout_terms {width: 90%;margin: auto;text-align: left;font-size: 12px;font-weight: 600;padding-bottom: 10px;}

	.thanks_logo {position: fixed;top: 5px;left: 10px;width: 110px;z-index: 1100;}	
	.thanks_container {width: 80%;max-width: 865px;margin: auto;background: none;margin-top: 150px;}
	.thanks_text {width: 90%;margin: 50px auto;font-size: 25px;text-align: center;}	
	.thanks_spinner {width: 50%;margin: 30px auto;text-align: center;}
		
	.pay_page_heading {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 80px auto 10px auto;}	
	.pay_page_text_1 {width: 90%;max-width: 600px;font-size: 20px;background: none;text-align: center;margin: 10px auto 5px auto;}	
	.pay_page_text_2 {width: 90%;max-width: 600px;font-size: 25px;background: none;text-align: center;margin: 5px auto 0 auto;}	
	.pay_page_text_3 {width: 90%;max-width: 600px;font-size: 50px;background: none;text-align: center;margin: 0 auto;}	
	.pay_page_text_4 {width: 90%;max-width: 600px;font-size: 20px;background: none;text-align: center;margin: 0 auto 5px auto;}	
	.pay_page_text_5 {width: 90%;max-width: 600px;font-size: 20px;background: none;text-align: center;margin: 5px auto;}	
	.pay_page_text_6 {width: 90%;max-width: 800px;font-size: 14px;font-weight: 600;background: none;text-align: left;margin: 15px auto;}	
	.pay_page_bottom_button {width: 100%;text-align: center;padding: 0 0 5px 0;margin: 0 auto 75px auto;}

	.status_logo {position: fixed;top: 5px;left: 10px;width: 110px;z-index: 1100;}	
	.startus_top_apron {position: fixed;background: white;width: 100%;height: 70px;top: 0;left: 0;z-index: 10000;}
	.status_container {width: 100%;max-width: 800px;margin: auto;padding: 0 5px 0 0;}
	.status_divider {width: 100%;height: 1px; background: #999;margin: 3px 0;}
	.status_item {width: 100%;border: none;}	
	.status_heading {margin: 65px 0 20px 0;font-size: 25px;font-weight: 500;text-align: center;}

	.status_mockup_holder {width: 27%;position: relative;}
	.status_details_holder {width: 55%;position: relative;margin-top: 10px; font-size: 15px;line-height: 18px;}
	.status_price_holder {width: 18%;position: relative;background: none;margin-top: 10px;}
	
	
	.status_detail_box {width: 40%;border: 1px solid #999;font-size: 15px;padding: 10px;margin: 5px;text-align: center;step: 1;}
	.status_detail_box_amount {font-size: 22px;padding: 10px 0 0 0;}

	.status_garm_split {margin-top: 5px;}
	.status_price_trsf {width: 100%;font-size: 20px;text-align: right;color: #999;}	
	.status_price_garm {margin-top: 10px;width: 100%;font-size: 20px;text-align: right;color: #999;}	
	.status_price_divider {width: 90%;height: 1px; background: #999;margin: 3px 0;float: right;}
	.status_sub_tot {width: 100%;font-size: 20px;text-align: right;}	
	.status_order_total {font-size: 20px;width: 100%;text-align: right;margin: 20px 0;padding-right: 0;}

	.status_info_box {width: 90%;margin: 0 auto;text-align: center;}
	.status_line_1 {width: 100%;color: red;font-size: 20px;text-align: center;font-style: italic;}
	.status_line_2 {width: 100%;font-size: 20px;text-align: center;}
	.status_line_3 {width: 100%;font-size: 25px;text-align: center;}
	.status_line_4 {width: 100%;font-size: 20px;text-align: center;}
	.status_line_5 {width: 90%;margin: 10px auto 0 auto;font-size: 15px;text-align: center;}
	
	
} /* end of 480