@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: 175px;top: 0;left: 0;z-index: 25000;}
.designs_header {position: fixed;background: white;width: 100%;height: 165px;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: 20px;left: 10px;width: 250px;z-index: 1100;}
.logo_buy {width: 15%;z-index: 1100;}

.count {position: fixed;top: 40px;right: 30px;font-size: 40px;color: black;z-index: 2000;}
.sub_count {position: fixed;top: 85px;right: 32px;font-size: 17px;color: black;font-weight: 700;z-index: 2000;text-align: center;}
.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: 700;z-index: 2000;text-align: center;}

.slider {width: 30%;margin: 50px auto 0 auto;z-index: 100;}

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

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

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

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

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

.button_inline {width: 250px;margin: 40px 10px 0 10px;font-size: 20px;padding: 16px 10px 15px 10px;border-radius: 20px;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: 20px;background: black;
	          color: white;text-align: center;cursor: pointer;}

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

.full_buy {margin-top: 170px;}
.full_buy_blanks {margin-top: 170px;}

.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;
	                       margin-top: 0;}

.buy_image_close_up {width: 100%;margin: 50px auto 0 auto;padding: 0;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;}
.overlay {position:absolute;background:none;z-index:100;border: none;}
.overlay img {background:none;}

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

.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: 925px;margin: 0;background: none;}
.swatches_blanks {width: 925px;margin: 0 0 0 0;background: none;}
.color_box {width: 85px;cursor: pointer;margin: 5px 7px;border-radius: 10px;background: white;max-height: 140px;}
.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: 100%;text-align: center;font-size: 18px;}
.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: 50px 0 0 0;font-size: 13px;line-height: 15px;width: 100%;text-align: left;}


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


.series_index_box  {width: 27%;background: none;margin: 0 0 0 20px;padding: 0 0 0 0;position: fixed;top: 170px;left: 30px;}
.series_index_heading {text-align: center;font-size: 25px;font-weight: 700;width: 100%;margin: 0 0 10px 0;}
.series_index_holder {text-align: center;padding: 5px;color: #DDD;margin: 0 5px 5px 0;font-size: 13px;border-radius: 5px;
	                  cursor: pointer;background: black;}
.series_index_holder:hover {color: white;}
.series_output_holder {column-count: 3;background: none;padding-top: 0;}

.search_results {background: none;text-align: center;margin: 125px 0 100px 28%;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: 30px;left: 45%;width:30%;background: none;padding: 20px;margin: auto;}
.design_search input {width: 75%;padding: 25px;font-size: 30px;color: black;border: 1px solid #666;border-radius: 15px;outline: none;
	                  text-align: center;}
.design_search i {color:#000;margin:0;font-size: 40px;cursor: pointer;}
.design_heading  {font-size: 30px;font-weight: 700;text-align: center;}
.section_heading_text  {font-size: 25px;color: red;margin-top: 30px;font-weight: 700;}
.section_heading_lower {font-size: 20px;color: red;margin-top: 5px;}

.container_design {position: relative;margin: 10px 25px;max-width: 15%;cursor: pointer;}
.sub_design {font-size: 13px;line-height: 15px;padding-bottom: 5px;font-weight: 700;}	
.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: 65px;right: 100px;color: black;z-index: 25001;}
.cart_icon i {font-size: 40px;margin: 0 5px 0 10px;cursor: pointer;color: black;}
	
.cart_logo {position: fixed;top: 20px;left: 10px;width: 275px;z-index: 1100;}	
.cart_heading {margin: 100px 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;}	
.cart_garm_split {margin-top: 10px;}
.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;}

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

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

.checkout_form {width: 90%;margin: 20px auto 0 auto;text-align: center;background: none;}	
.checkout_input_1 {font-size: 40px;width: 60%;padding: 20px;border-radius: 20px;border: 2px solid #999;outline: none;text-align: center;
	               text-transform: uppercase;}
.checkout_input_2 {margin-top: 20px;font-size: 25px;width: 60%;padding: 20px;border-radius: 20px;border: 1px solid #999;outline: none;
	               text-align: center;text-transform: lowercase;}
.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-bottom: 25px;}
.checkout_terms {width: 70%;margin: 0 auto 10px auto;text-align: left;}

.thanks_logo {position: fixed;top: 20px;left: 10px;width: 275px;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;}






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

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

	header {position: fixed;background: none;width: 100%;height: 140px;top: 0;left: 0;z-index: 25000;}
	.logo {position: fixed;top: 20px;left: 10px;width: 200px;z-index: 1100;}	
	.designs_header {position: fixed;background: white;width: 100%;height: 130px;top: 0;left: 0;z-index: 25000;}		
	.header_top {position: fixed; top: 0;left: 0;width: 100%;height: 90px;background: none;z-index: 1000;}
	
	.slider {width: 35%;margin: 40px auto 0 auto;z-index: 100;}
	
	.series_index_box {width: 30%;background: none;min-height: 500px;margin: 0 10px;padding: 0;position: fixed;top: 130px;left: 30px;}	
	.series_index_holder {text-align: center;padding: 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: 90px 0 0 33%;padding: 0;}	
	.design_search {position: fixed;top: 25px;left: 30%;width:60%;background: none;padding: 20px;margin: auto;}
	.design_search input {width: 60%;padding: 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: 700;text-align: center;}			
	.container_design {position: relative;margin: 10px;max-width: 17%;cursor: pointer;}		
	.cart_icon {position: fixed;top: 50px;right: 50px;color: black;z-index: 25001;}
	.cart_icon i {font-size: 40px;margin: 0 5px 0 10px;cursor: pointer;color: black;}	
	
	.button {width: max-content;margin: 40px auto 0 auto;font-size: 20px;padding: 15px 40px;border-radius: 20px;background: black;color: white;
			 text-align: center;cursor: pointer;}
	
	.button_index {width: 300px;margin: 40px auto 0 auto;font-size: 20px;padding: 23px 10px;border-radius: 20px;background: black;
		     color: white;text-align: center;cursor: pointer;}
	
	.button_choices {width: 400px;margin: 40px auto 0 auto;font-size: 20px;padding: 23px 10px;border-radius: 20px;background: black;
		             color: white;text-align: center;cursor: pointer;}

	.button_got_it {width: 250px;margin: 40px auto 0 auto;font-size: 25px;padding: 16px 10px 15px 10px;border-radius: 20px;background: black;
	                color: white;text-align: center;cursor: pointer;}
	
	.button_inline {width: 250px;margin: 0 10px;font-size: 20px;padding: 16px 10px 15px 10px;border-radius: 20px;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: 20px;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: 700;margin: 10% auto 0 auto;}

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

	.full_buy {margin-top: 140px;}
	.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;}

	.overlay {position:absolute;background:none;z-index:100;border: none;}
	.overlay img {background:none;}
	
	.image_choice_garm {cursor: pointer;position: absolute;left: 85px;top: 410px;width: 58px;padding: 0 5px;border-radius: 10px;}
	.image_choice_img {cursor: pointer;position: absolute;left: 10px;top: 410px;width: 65px;padding: 5px;border-radius: 10px;}
	.close_up_text {font-size: 11px;text-align: center;margin-bottom: -6px;}
	.mockup_text {font-size: 11px;text-align: center;margin-top: -6px;}
	
	.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: 30px 0 20px 0;font-size: 13px;line-height: 15px;width: 90%;text-align: left;}	

	.your_phone {font-size: 40px;text-align: center;color: black;font-weight: 700;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: 140px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}
	.cart_top_apron {position: fixed;background: white;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;}

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

	.checkout_pay_heading {width: 100%;text-align: center;margin: 30px auto 0 auto;font-size: 25px;}
	.checkout_pay_options_box {width: 100%;background: none;margin-top: 10px;}	
	.checkout_pay_option {width: 35%;font-size: 25px;padding: 15px;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: 30px;width: 60%;padding: 15px;border-radius: 20px;border: 2px solid #999;outline: none;text-align: center;
					   text-transform: uppercase;}
	.checkout_input_2 {margin-top: 15px;font-size: 25px;width: 60%;padding: 15px;border-radius: 20px;border: 1px solid #999;outline: none;
					   text-align: center;}
	.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-bottom: 10px;margin-top: 10px;background: none;}
	.checkout_terms {width: 70%;margin: 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: 200px;}
	.thanks_text {width: 80%;margin: auto;font-size: 40px;text-align: center;}	
	.thanks_spinner {width: 100%;margin: 30px auto;text-align: center;}
	
	
	

} /* end of 1366




/* --------------- pod vertical monitor --------------------------------------------------------------------- */

@media only screen and (max-width: 1080px) {
	
	.show_tablet {display: block;}
	.hide_tablet {display: none;}

	.designs_header {position: fixed;background: white;width: 100%;height: 170px;top: 0;left: 0;z-index: 25000;}	
	.design_index {display: flex;overflow-x: auto;padding: 5px 0;justify-content: left;-webkit-overflow-scrolling: touch;align-items:top;
				   background: none;margin: auto;}		
	.logo {position: fixed;top: 20px;left: 10px;width: 275px;z-index: 1001;}
	.count {position: fixed;top: 40px;right: 30px;font-size: 40px;color: black;z-index: 30000;}
	.sub_count {position: fixed;top: 85px;right: 32px;font-size: 18px;color: black;font-weight: 700;z-index: 20000;}	
	.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: 700;z-index: 2000;text-align: center;}

	.slider {width: 70%;margin: 25% auto 0 auto;}
	
	.series_index_box {width: 25%;background: none;margin: 7px 10px;padding: 0 0 0 0;position: fixed;top: 187px;left: 15px;}	
	.series_index_heading {text-align: center;font-size: 25px;font-weight: 700;}	
	.series_index_holder {text-align: center;padding: 4px 4px;color: white;margin: 0 0 10px 0;font-size: 14px;border-radius: 5px;
						  cursor: pointer;background: black;}	
	.series_output_holder {column-count: 2;background: none;padding-top: 0;}	
	

	.button {width: max-content;margin: 50px auto 0 auto;font-size: 30px;padding: 15px 40px 15px 40px;border-radius: 20px;
		     background: black;color: white;text-align: center;}
	
	.button_index {width: 350px;margin: 50px auto 0 auto;font-size: 30px;padding: 17px 48px 18px 48px;border-radius: 20px;
		           background: black;color: white;text-align: center;}
		
	.button_choices {width: 400px;margin: 50px auto 0 auto;font-size: 30px;padding: 18px 40px 17px 40px;border-radius: 20px;
		             background: black;color: white;text-align: center;}
	

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

	.full_buy {margin-top: 175px;}	
	.full_buy_blanks {margin-top: 100px;}
	
	.buy_image {width: 500px;margin:0 auto 0 auto;position:relative;height: 500px;}	
	.buy_image_blanks {width: 600px;;margin:40px auto 0 auto;border:none;position:relative;max-height: 800px;}	
	.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: 0px;left: 0;width: 100%;font-size: 18px;line-height: 20px;z-index: 1000;
		                    text-align: center;}
	.buy_image_bottom_no_show {position: absolute;bottom: 0px;left: 0;width: 100%;font-size: 18px;line-height: 20px;z-index: 1000;
		                       text-align: center;margin-top: 20px;}
	.buy_image_close_up {width: 100%;margin: 55px auto 0 auto;padding: 20px;border-radius: 10px;}
	.buy_image img {width:80%;margin:0 auto;display:block;}
	.buy_image_blanks img {width:75%;margin:0 auto;display:block;}	
	.overlay {position:absolute;background:none;z-index:100;border: none;}	
	.overlay img {background:none;}
	
	.image_choice_garm {cursor: pointer;position: absolute;left: -170px;top: 0px;width: 66px;padding: 3px;border-radius: 10px;
		                background: white;}
	.image_choice_img {cursor: pointer;position: absolute;left: -250px;top: 0px;width: 75px;padding: 10px;border-radius: 10px;
		               background: white;}
	
	.close_up_text {font-size: 11px;text-align: center;margin-bottom: -6px;}
	.mockup_text {font-size: 11px;text-align: center;margin-top: -6px;}
	
	
	.color_message {position: absolute; left: -250px;top: 80px;width: 200px;font-size: 14px;line-height: 17px;text-align: left;}	
	.mockup_message {position: absolute; right: -250px;top: 0;width: 200px;font-size: 14px;line-height: 17px;text-align: right;}
		
	.color_message_blanks {position: absolute; left: -150px;top: 70px;width: 200px;font-size: 14px;line-height: 17px;text-align: left;}	
	.mockup_message_blanks {position: absolute; right: -150px;top: 70px;width: 200px;font-size: 14px;line-height: 17px;text-align: right;}
	
	
	.swatches {width: 100%;margin: 20px auto 0 auto;height: auto;}	
	.swatches_blanks {width: 100%;margin: auto;height: auto;}
	.color_box {width: 100px;cursor: pointer;margin: 10px 5px;border-radius: 10px;max-height: 150px;}
	.color_box_name {width: 100%;margin: -10px 0 2px 0;font-size: 12px;line-height: 13px;text-align: center;}
	

	.size_container {width: 100%;margin: 30px auto 0 auto;}
	.size_box {width: 135px;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: 45px;margin: 0;}
	.size_box_price {font-size: 35px;margin: 0;}
	.size_box_price_sold {font-size: 20px;color: red;margin: 10px 0 10px 0;}                   
	.size_box_specs {font-size: 15px;}

	.details {margin: 10px 0 0 0;font-size: 13px;line-height: 15px;width: 90%;text-align: center;}
	
	.your_phone {font-size: 40px;text-align: center;color: black;font-weight: 700;margin: 75px auto 0 auto;line-height: 45px;}
	.thumb_image {width: 50px;margin: 0;padding: 5px;}
		

	.question {font-size: 40px;text-align: center;color: black;font-weight: 700;margin: 50% auto 0 auto;}
	
	.design_intro_heading {font-size: 40px;text-align: center;color: black;font-weight: 700;margin: 300px auto 0 auto;}
	.design_intro_text {width: 70%;margin: 50px auto;text-align: center;font-size: 30px;line-height: 40px;font-weight: 700;}
	
	.copyright {position: fixed;bottom: 20px;left: 0;width: 100%;text-align: center;font-size: 14px;}

	.search_results {background: none;text-align: center;margin: 150px 0 50px 27%;padding: 0;}
	.design_search {position: fixed;top: 30px;left: 35%;width:50%;background: none;padding: 20px;margin: auto;}
	.design_search input {width: 75%;padding: 25px;font-size: 30px;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: 30px;font-weight: 700;text-align: center;}
	.section_heading_text {font-size: 25px;color: red;margin-top: 30px;font-weight: 700;}
	.section_heading_lower {font-size: 20px;color: red;margin-top: 5px;}
	.container_design {position: relative;margin: 10px;max-width: 22%;cursor: pointer;}
	.sub_design {font-size: 13px;line-height: 15px;padding-bottom: 5px;font-weight: 700;}		
	.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: 65px;right: 40px;color: black;}
	.cart_icon i {font-size: 40px;margin: 0 5px 0 10px;cursor: pointer;color: black;}	
	.cart_logo {position: fixed;top: 20px;left: 10px;width: 25%;z-index: 1001;}	
	.cart_heading {margin: 175px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}
	.cart_top_apron {position: fixed;background: white;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: 30%;left: 35%;
					   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;}	
	.cart_garm_split {margin-top: 10px;}
	.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: 35px;width: 100%;text-align: right;margin: 25px 0;}
	.cart_bottom_buttons {width: 100%;text-align: center;padding-bottom: 100px;}

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

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

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

	.thanks_logo {position: fixed;top: 20px;left: 10px;width: 275px;z-index: 1100;}	
	.thanks_container {width: 80%;max-width: 865px;margin: auto;background: none;margin-top: 500px;}
	.thanks_text {width: 80%;margin: 50px auto;font-size: 30px;text-align: center;}	
	.thanks_spinner {width: 100%;margin: 30px auto;text-align: center;}
	
	
	
} /* end of 1080





/* --------------- 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: 135px;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: 200px;z-index: 10005;top: 25px;}	
	.count {position: fixed;top: 40px;right: 30px;font-size: 40px;color: black;}
	.sub_count {position: fixed;top: 85px;right: 32px;font-size: 16px;color: black;font-weight: 700;}	
	.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: 700;z-index: 2000;text-align: center;}

	.slider {width: 68%;margin: 130px auto 0 auto;}

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

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

	.button_choices {width: 376px;margin: 40px auto 0 auto;font-size: 25px;padding: 22px 10px 18px 10px;border-radius: 20px;
		    background: black;color: white;text-align: center;}

	.button_got_it {width: 250px;margin: 40px auto 0 auto;font-size: 25px;padding: 16px 10px 15px 10px;border-radius: 20px;background: black;
	                color: white;text-align: center;cursor: pointer;}
	
	.button_back {font-size: 25px;padding: 15px 10px;border-radius: 20px;position: fixed;top: 10px;width: 350px;left: 35%;
		          background: black;color: white;text-align: center;cursor: pointer;z-index: 10001;}
	
	.button_inline {width: 225px;margin: 30px 10px 0 10px;font-size: 18px;padding: 17px 5px 16px 5px;border-radius: 20px;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:40px 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;}
	.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: -3px;}
	.mockup_text {font-size: 11px;text-align: center;margin-top: -4px;margin-bottom: 1px;}
	
	
	.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: 15px 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: 700;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: 700px;text-align: center;}
	
	.design_intro_heading {font-size: 32px;text-align: center;color: black;font-weight: 700;margin: 175px auto 0 auto;}
	.design_intro_text {width: 90%;margin: 18px auto;text-align: center;font-size: 23px;line-height: 30px;font-weight: 700;}
	
	.copyright {position: fixed;bottom: 20px;left: 0;width: 100%;text-align: center;font-size: 14px;}

	.search_results {background: none;text-align: center;margin: 160px 0 50px 0;padding-bottom: 50px;}	
	.container_design {position: relative;margin: 10px;width: 21%;cursor: pointer;}			
	.design_search_ipad {position: fixed;top: 40px;left:250px;width: 300px;background: none;padding: 0;z-index: 1000;}	
	.design_search_ipad input {width: 80%;padding: 25px;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: 55px;right: 145px;z-index: 10002;}
	.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: 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: 60px;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: 20px;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: 3px;}
	.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;}

	.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: 35%;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: 35px;width: 70%;padding: 20px;border-radius: 20px;border: 2px solid #999;outline: none;text-align: center;
					   text-transform: uppercase;}
	.checkout_input_2 {margin-top: 50px;font-size: 25px;width: 70%;padding: 20px;border-radius: 25px;border: 1px solid #999;outline: none;
					   text-align: center;}
	.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-top: 20px;}
	.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;}
		
	
} /* 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: 85px;top: 0;left: 0;z-index: 25000;}

	.designs_header {position: fixed;background: white;width: 100%;height: 85px;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: 20px;}

	.count {position: fixed;top: 20px;right: 25px;font-size: 30px;color: black;z-index: 100000;}	
	.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: 700;z-index: 2000;text-align: center;}	
	.sub_count {position: fixed;top: 50px;right: 25px;font-size: 16px;color: black;font-weight: 700;z-index: 25001;}

	.slider {width: 90%;margin: 25% auto 0 auto;}

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

	.button_choices {width: 300px;margin: 20px auto 0 auto;font-size: 20px;padding: 13px 20px 13px 20px;border-radius: 15px;
		     background: black;color: white;text-align: center;}
	
	.button_got_it {width: 250px;margin: 40px auto 0 auto;font-size: 25px;padding: 10px 10px 10px 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;}	
	
	.button_index {width: 250px;margin: 20px auto 0 auto;font-size: 20px;padding: 13px 10px 13px 10px;border-radius: 15px;
		     background: black;color: white;text-align: center;}
		
	.button_inline {width: 275px;margin: 30px 10px 0 10px;font-size: 20px;padding: 16px 10px 15px 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: 65px auto 0 auto;padding-bottom: 10px;position:relative;height: 435px;}	
	.buy_image_blanks {width:100%;margin: 65px auto 0 auto;position:relative;height: 400px;}
	.buy_image_top_show {position: absolute;top: 0px;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;padding: 0 10px;}		
	.buy_image_top_no_show {position: absolute;top: 0px;left: 0;width: 100%;font-size: 15px;z-index: 1000;text-align: center;padding: 0 10px;}
	.buy_image_bottom_show {position: absolute;bottom: 0;left: 0;width: 100%;font-size: 14px;z-index: 1000;text-align: center;
		                    padding: 0 10px;}
	.buy_image_bottom_show_blanks {position: absolute;bottom: 0;left: 0;width: 100%;font-size: 14px;z-index: 1000;text-align: center;
		                           padding: 0 10px;}
	.buy_image_bottom_show_blanks {position: absolute;bottom: -15px;left: 0;width: 100%;height: 40px;font-size: 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: 10px 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;}	
	.thumb_image {width: 40px;margin: 0;padding: 5px;}

	.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: 40px;}

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

	.image_choice_img {cursor: pointer;position: absolute;left: 0;top: 340px;width: 55px;padding: 3px 3px 3px 5px;border-radius: 5px;z-index: 10000;
					   background: white;}
	.image_choice_garm {cursor: pointer;position: absolute;left: 65px;top:340px;width: 45px;padding: 0;border-radius: 5px;z-index: 10000;
						background: white;}	
	.image_choice_garm img	{margin-top: 0;overflow: hidden;}      
	
	.close_up_text {font-size: 10px;text-align: center;margin-bottom: -1px;margin-top: 1px;}
	.mockup_text {font-size: 10px;text-align: center;margin-top: -4px;margin-bottom: 1px;}
	
	

	.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: 700px;text-align: center;}

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

	.search_panel_mobile {display: none;width: 100%;background: white;position: fixed;left: 0;top: 80px;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;}	
	#search_header_icon {transition: all .5s linear;}
	.search_header_icon {font-size: 25px;position: fixed;top: 28px;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: 90px auto 0 auto;padding: 0 0 50px 0;}	

	.design_heading {font-size: 20px;font-weight: 700;text-align: center;}	
	.container_design {position: relative;margin: 8px;width: 45%;max-width: 45%;cursor: pointer;}	
	.copyright {position: fixed;bottom: 20px;left: 0;width: 100%;text-align: center;font-size: 14px;}	
	.menu_header_bars {font-size: 25px;position: fixed;top: 28px;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:13px;line-height:15px;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: 700;}
	.section_heading_lower {font-size: 20px;color: red;margin-top: 5px;width: 90%;margin: 20px auto;}	

	.cart_icon {position: fixed;top: 33px;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: 20px;left: 10px;width: 110px;z-index: 1001;}		
	.cart_heading {margin: 100px 0 20px 0;font-size: 25px;font-weight: 500;text-align: center;}
	.cart_top_apron {position: fixed;background: white;width: 100%;height: 90px;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: 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_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: 2px; 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;}

	.checkout_logo {position: fixed;top: 20px;left: 10px;width: 110px;z-index: 1100;}	
	.checkout_top_apron {position: fixed;background: white;width: 100%;height: 90px;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: 100px;}
	.checkout_order_total {font-size: 26px;width: 90%;text-align: center;margin: 20px auto;line-height: 35px;}

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

	.checkout_form {width: 90%;margin: 25px auto;text-align: center;background: none;}	
	.checkout_input_1 {font-size: 20px;width: 100%;padding: 10px;border-radius: 15px;border: 2px solid #999;outline: none;text-align: center;
					   text-transform: uppercase;}
	.checkout_input_2 {margin-top: 25px;font-size: 20px;width: 100%;padding: 10px;border-radius: 15px;border: 1px solid #999;outline: none;
					   text-align: center;}
	.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-bottom: 50px;}
	.checkout_terms {width: 90%;margin: auto;text-align: left;font-size: 12px;padding-bottom: 10px;}

	.thanks_logo {position: fixed;top: 20px;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;}
	
	
} /* end of 480