@charset "utf-8";

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}	
html {color: #333;overflow-y: scroll;height: 100%;margin: 0;padding: 0;font-family: "Open Sans", sans-serif;background: none;}		
body {background: #F6F6F6;margin: 0;padding: 0;}

a:link {text-decoration: none;color: #333;}
a:visited {text-decoration: none;color: #333;}
a:hover {text-decoration: none;color: #000;}
a:active {text-decoration: none;color: #333;}

h1 {font-size: 25px;line-height: 35px;font-weight: 500;}

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

.flexbox {display: flex;justify-content: center;align-items: top;flex-wrap: wrap;}

.main_header {width: 100%;position: fixed;top: 0;left: 0;height: 55px;background: #FFF;z-index: 1000;box-shadow: 0 6px 7px -4px #BBB;}
.main_logo {position: fixed;top: 5px;left: 10px;width: 500px;}
.main_logo img {width: 100%;}
.mobile_logo {position: fixed;top: 5px;left: 10px;width: 45px;}
.mobile_logo img {width: 100%;}

.main_login {position: fixed;top: 15px;right: 120px;}
.main_register {position: fixed;top: 15px;right: 30px;}
.header_name {position: fixed;top: 15px;right: 100px;font-weight: 500px;}
.cart_show {position: fixed;top: 15px;right: 20px;}

.my_orders {position: fixed;top: 15px;left: 385px;font-weight: 500px;}
.contact {position: fixed;top: 15px;left: 500px;font-weight: 500px;}
.gallery {position: fixed;top: 15px;left: 585px;font-weight: 500px;}
.pay {position: fixed;top: 15px;left: 675px;font-weight: 500px;}

#menu_header_bars {transition: all .5s linear;}
.menu_header_bars {position: fixed;right: 10px;top: 5px;color:#333;padding: 0;text-align: center;font-size: 20px;}
.menu_header_bars i {cursor: pointer;}	
.menu_header_bars_for_toggle {transform: rotate(-90deg);}
#menu_list {display:none; position: fixed;top: 0;left: 0;width:100%;padding: 5px 0 40px 0;background: black;margin: 0;z-index: 10000;
			border-radius: 0;}

.menu_list a:link {text-decoration: none;color:#DDD;}
.menu_list a:visited {text-decoration: none;color:#DDD;}
.menu_list a:hover {text-decoration: none;color:#FFF;}
.menu_list a:active {text-decoration: none;color:#DDD;}

.index_for_mobile {padding: 10px;}
.menu_item_m {margin: 5px 0; color: #FFFFFF;}
.menu_item_close {color: #FFFFFF;position: absolute;bottom: 20px;right: 20px;cursor: pointer;}


.cat_index_for_mobile {font-size: 13px;z-index: 001;width:100%;color: white;padding: 10px;column-count: 3;-webkit-column-gap: 5px;-moz-column-gap: 5px;column-gap: 5px;background: black;padding: 0;}

.cat_menu_item {padding:4px 15px;font-size:14px;line-height:18px;cursor: pointer;color: white;}
	



.main_container {width: 100%;background: none;padding: 0;margin: 120px 0 0 0;}

.slider {width: 100%;max-width: 500px;margin: 30px 0;z-index: 100;background: none;outline: none;}	
.ws_images li {border-radius: 15px;}
.ws_images img {border-radius: 15px;}

.text_box {width: 100%;max-width: 550px;margin: 10px 0;z-index: 100;background: none;font-size: 40px;line-height: 55px;font-weight: 500;
		   padding: 0 0 0 50px;}

.start_here {width: 500px;border-radius: 10px;background: #333;padding: 10px;color: #DDD;text-align: center;font-size: 25px;}
.start_here:hover {color: #FFF;}



.login_form {width: 90%;max-width: 600px;margin: 100px auto;}
.login_form h1 {font-size: 35px;}
.login_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;}
.login_button {width: 150px;border-radius: 10px;background: #333;padding: 20px 10px;color: #DDD;text-align: center;font-size: 20px;
	           cursor: pointer;margin: 20px 0 0 0;}
.login_button:hover {color: #FFF;}


.register_form {width: 90%;max-width: 600px;margin: 0 auto;background: none;}
.register_form h1 {font-size: 35px;}
.register_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;}
.register_button {width: 150px;border-radius: 10px;background: #333;padding: 10px 10px;color: #DDD;text-align: center;font-size: 20px;
	              cursor: pointer;margin: 20px 0 0 0;}
.register_button:hover {color: #FFF;}
.register_error {color: red;font-weight: 600;margin: 0;padding: 0;}

.contact_container {width: 100%;background: none;padding: 0;margin: 150px 0 0 0;}
.contact_form {width: 90%;max-width: 600px;margin: 0 auto;background: none;}
.contact_form h1 {font-size: 30px;}
.contact_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;font-family: "Open Sans", sans-serif;}
.contact_form textarea {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;font-family: "Open Sans", sans-serif;}
.contact_button {width: 150px;border-radius: 10px;background: #333;padding: 20px 10px;color: #DDD;text-align: center;font-size: 20px;
	              cursor: pointer;margin: 20px 0 0 0;}
.contact_button:hover {color: #FFF;}
.contact_message {font-size: 20px;font-weight: 500;line-height: 25px;width: 90%;text-align: left;} 


.gallery_container {width: 100%;background: none;padding: 0 100px;margin: 60px 0 0 0;}
.gallery_heading {width: 100%;text-align: center;font-size: 25px;color: #000;margin: auto;font-weight: bold;
	              padding: 0 10px;background: none;}
.gallery_text {width: 100%;max-width: 1200px;padding-bottom: 10px;text-align: center;font-size: 18px;}

.mockup {width: 15%;margin: 10px;box-shadow: none;font-size: 15px;}
.mockup img {border: none;margin: 0;outline: none;display: block;border-radius: 10px;}
.mockup_three {width: 90%;max-width: 450px;margin: 20px;}
.mockup_three img {border-radius: 10px;}

.search {position: fixed;top: 12px;right: 500px;z-index: 3000;width: 300px;background: none;text-align: right;}
.search input {width: 250px;font-size: 16px;padding: 5px;border: 1px solid #999;border-radius: 5px;outline: none;text-align: center;color: #666;}
.search_icon {color: #333;font-size: 20px;margin: 5px 0 0 5px;cursor: pointer;}



.design_container {width: 100%;background: none;padding: 0 100px 100px 100px;overflow-x: hidden;margin: 60px 0 0 0;}
.design_heading {width: 100%;text-align: center;font-size: 25px;line-height: 25px;color: #000;margin: auto;font-weight: bold;
	              padding: 0 10px;background: none;overflow-x: hidden;}
.design_heading h1 {font-size: 25px;line-height: 25px;font-weight: 500;padding: 0;background: none;}
.design_text {width: 100%;padding: 0;text-align: center;background: none;font-size: 18px;font-weight: 500;line-height: 18px;margin: 0 0 10px 0;}
.container_design {position: relative;margin: 10px;max-width: 13%;cursor: pointer;}
.sub_design {font-size: 13px;line-height: 15px;padding-bottom: 5px;font-weight: 600;text-align: center;}	
.image_holder_a {border-radius: 10px;border: 1px solid #999;padding: 10px;}		
.image_holder_b {border-radius: 10px;border: 1px solid #999;padding: 10px;}


.dropbtn-brands {font-size: 17px;background: none;color: #333;border: none;margin: 0;position: fixed;top: 13px;left: 375px;
	             cursor: pointer;font-family: "Open Sans", sans-serif;}
.dropbtn-brands:hover {color: #000;}
.menu_item_brands {position: relative;background: none;height: 60px;}

.sub_brands {display: none;position: absolute;color: #DDD;background-color: #333;top: 48px;left: -350px;padding: 10px 20px 50px 20px;
	         border-radius: 10px;width: 1000px;transition: all 0.25s;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);z-index: 1;font-size: 14px;
	         line-height: 18px;column-count: 3;column-gap: 5%;font-family: "Open Sans", sans-serif;}

.sub_wrapper {position: fixed;top: 0px;left: 375px;width: 90px;background: none;text-align: left;}

.dropbtn-brands a {color: #BBB;transition: all 0.5s;}
.dropbtn-brands a:hover {color:#FFF;transition:all 0.5s;}

.sub_brands a {color:#DDD;padding:5px 10px;text-decoration: none;display: block;border-radius:5px;}
.sub_brands a:hover {color:#FFF;background:#555;}
.menu_item_brands:hover 
.sub_brands {display: block;}
.right {text-align:right;}



.buy_container {width: 100%;background: none;padding:25px 0;margin: 55px 0 0 0;}
.image_panel {width: 40%;max-width: 600px;margin: 10px;text-align: center;}
.mockup_text {text-align: left;font-size: 13px;line-height: 16px;font-weight: 500;}
.color_panel {width: 90%;max-width: 400px;background: none;margin: 10px;text-align: center;font-size: 20px;font-style: italic;font-weight: 500;}
.color_icon {width: 20%;height: 35px;border-radius: 5px;margin: 3px 5px;border: 1px solid #999;font-size: 12px;line-height: 14px;
	         font-weight: 500;text-align: center;padding: 2px;cursor: pointer;}

.details_panel {width: 30%;max-width: 500px;background: none;margin: 10px;text-align: left;font-size: 20px;font-style: italic;font-weight: 500;}
.details_box {margin: 0 10px;width: 30%;border: none;padding: 0;background: none;}
.details_box p {padding: 0;font-size: 14px;font-weight: 600;line-height: 20px;}
.details_box span {font-weight: 700;}
.details_box a {text-decoration: underline;color: blue;}
.details_box_label {font-style: italic;font-weight: 500;margin: 0 0 5px 0;padding: 0;}
.details_box_filename {font-size: 25px;font-weight: 600;font-style: normal;}
.details_box_container {margin: 0 35px 0 0;}
.details_box_detail {font-size: 35px;font-style: normal;line-height: 35px;text-align: left;margin: 0;padding: 0;}
.details_box_detail span {font-style: italic;font-weight: 500;margin: 10px 0 0 0;font-size: 18px;}


.details_qty_input {display: inline-block;margin: 20px 10px 10px 0;background: none;border-radius: 10px;width: 150px;padding: 10px;
                    position: relative;}
.details_qty_input_minus {position: absolute;top: 1px;left: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}
.details_qty_input_plus {position: absolute;top: 4px;right: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}

.pricing_container {justify-content: left;width: 100%;background: none;margin: auto;font-size: 12px;margin: 3px 0;}
.pricing_qty {width: 15%;border: 1px solid #999;padding: 3px;margin: 3px;font-size: 20px;text-align: center;}
.pricing_amt {width: 15%;border: 1px solid #999;padding: 3px;margin: 3px;font-size: 25px;font-weight: bold;text-align: center;font-style: normal;}

.details_qty_form {width: 75px;margin: auto;}

.details_qty_form input {width: 100%;background: #DDD;outline: none;border: none;font-size: 30px;padding: 5px 0 7px 0;border-radius: 10px;text-align: center;}

.details_qty_input {display: inline-block;margin: 20px 10px 10px 0;background: none;border-radius: 10px;width: 150px;padding: 10px;
                    position: relative;}
.details_qty_input_minus {position: absolute;top: 1px;left: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}
.details_qty_input_plus {position: absolute;top: 4px;right: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}

.details_add_to_button {display: inline-block;width: 200px;height: 50px;background: #333;color: #DDD;text-align: center;cursor: pointer;
	                    margin: 30px 0 0 0;font-size: 20px;padding: 10px;border-radius: 15px;}

.details_add_to_button:hover {color: #FFF;}

.details_back_button {display: inline-block;width: 200px;background: #333;color: #DDD;text-align: center;cursor: pointer;
	                    margin: 10px 0 0 0;font-size: 20px;padding: 10px;border-radius: 15px;}
.details_back_button:hover {color: #FFF;}

.cart_container {width: 100%;max-width: 650px;background: none;padding:25px 0;margin: 55px auto 0 auto;}
.cart_box {margin: 0 10px;width: 30%;overflow-y: auto;border: none;padding: 10px;background: #F5F5F5;border-radius: 10px;position: relative;}
.cart_box_heading {font-size: 20px;text-align: center;margin: 20px 0 0 0;}
.cart_box_item {align-items: center;padding: 10px;font-size: 20px;font-weight: 600;}
.cart_box_image {width: 19%;border: 1px solid #999;border-radius: 5px;}
.cart_box_image img {display: block;margin: 0;outline: none;}
.cart_box_details {width: 80%;padding: 0 10px;}
.cart_box_prices {font-size: 25px;}
.cart_box_text {padding: 0;font-size: 25px;font-weight: 600;text-align: center;font-style: italic;margin-top: 0;}
.cart_sub_text {font-size: 13px;line-height: 15px;text-align: center;width: 90%;margin: 10px auto 0 auto;}
.cart_box_delete {position: absolute;right: 10px;bottom: 10px;background: red;border-radius: 50%;color: white;font-weight: 600;
	              padding: 0 8px;cursor: pointer;}
.cart_box_divider {width: 100%;background: #999;height: 1px;margin:  2px auto;}
.ship_choices {width: 125px;padding: 5px;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 15px;text-align: center;
				margin: 0 10px;}
.serv_choices {width: 110px;padding: 5px 0;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 15px;text-align: center;
				margin: 0 10px;}
.serv_choices_empty {width: 200px;padding: 10px 0;border: none;border-radius: 10px;cursor: default;font-size: 20px;
	                 text-align: center;margin: 0 10px;background: green;color: white;}
.no_border {border: none;}

.serv_choices_pay {width: 150px;padding: 15px 0;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 20px;
	                 text-align: center;color: #333;background: white;margin: 0 10px;}
.serv_choices_pay:hover {background: #D1FFBD;}

.upload_cart_button {width: 50%;background: #333;color: #DDD;text-align: center;cursor: pointer;margin: 20px auto;font-size: 20px;
					padding: 10px;border-radius: 15px;}
.upload_cart_button:hover {color: #FFF;}

.cart_footnote {width: 100%;padding: 0;font-size: 13px;margin: auto;text-align: center;position: absolute; bottom: 10px;background: none;}


.status_heading {margin: 80px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}
.status_heading i {font-size: 20px;color: green;margin: 0 0 0 10px;}
.status_container {width: 100%;max-width: 1100px;margin: auto;background: none;}
.status_info_box {width: 25%;margin: 0 20px;text-align: center;}
.status_detail_box {border: 1px solid #999;font-size: 15px;padding: 10px 20px;margin: 10px;text-align: center;}
.status_detail_box_amount {font-size: 25px;padding: 10px 0 0 0;}
.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: 60%;margin: auto;font-size: 18px;text-align: center;}

.status_line_5 a:link {text-decoration: none;color: blue;}
.status_line_5 a:visited {text-decoration: none;color: blue;}
.status_line_5 a:hover {text-decoration: underline;color: blue;}
.status_line_5 a:active {text-decoration: none;color: blue;}

.status_box_divider {width: 100%;background: #999;height: 1px;margin:  2px auto;}	
.status_box_item {max-width: 700px;align-items: center;padding: 10px;font-size: 15px;font-weight: 600;}
.status_box_image {width: 18%;border: 1px solid #999;background-size: contain;background-image: url(../images/checkerboard-mini.jpg);
	             border-radius: 5px;}
.status_box_details {width: 80%;padding: 0 10px;}
.status_box_text {padding: 0;font-size: 20px;line-height: 24px;font-weight: 500;text-align: left;}
.status_sub_text {font-size: 13px;line-height: 15px;text-align: center;width: 90%;margin: auto;}


.listing {background: none;margin: 10px auto;padding: 0;max-width: 85%;}	
.heading {background: none;width: 100%;text-align: center;padding: 10px;font-size: 25px;}
.item_box {background: none;text-align: center;padding: 12px 0;font-size: 17px;font-weight: 500;width: 110px;}
.item_box i {cursor: pointer;}
.icon_box {background: none;text-align: center;padding: 12px 0;font-size: 17px;font-weight: 500;width: 50px;}
.divider {width: 100%;height: 2px;background: #BBB;}

.card_info_form {width: 90%;max-width: 800px;margin: auto;text-align: center;}
.input_card {width: 100%;outline: none;border: 1px solid #999;border-radius: 5px;font-size: 20px;padding: 8px;margin: 0 auto 10px auto;}
.input_expiry {width: 48%;outline: none;border: 1px solid #999;border-radius: 5px;font-size: 20px;padding: 5px;margin: 0 10px 10px auto;}
.input_cvv {width: 48%;outline: none;border: 1px solid #999;border-radius: 5px;font-size: 20px;padding: 5px;margin: 0 auto 10px auto;}

.panel_container {background: #F5F5F5;padding: 50px 0 100px 0;}
.panel_container_pay {background: #F5F5F5;padding: 100px 0;}	
.panel_box {width: 90%; max-width: 375px;background: #FFF;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);border-radius: 10px;
	        margin: 15px 25px;padding: 20px;}	
.panel_box a {color: #333;}	
.panel_header {width: 90%;text-align: center;font-size: 30px;margin: 20px auto;line-height: 40px;}	
.panel_image {width: 100%;margin: auto;}	
.panel_heading {font-size: 25px;line-height: 30px;text-align: center;margin: 10px auto;}	
.panel_date {text-align: center;margin-top: 20px;font-size: 45px;padding: 20px;border-radius: 5px;}		
.panel_text {font-size: 15px;line-height: 22px;text-align: left;margin: 10px auto 0 auto;}	
.panel_text_sub {text-align: center;margin: auto;font-size: 15px;line-height: 22px;}		
.button {background: #333;color: #DDD;padding: 10px 20px;margin: 15px;font-size: 20px;border-radius: 10px;cursor: pointer;}	
.button:hover {color: #FFF;}

.dtfx_heading {width: 100%;text-align: center;font-size: 25px;margin: 100px 0 25px 0;}
.dtfx_logo {width: 30%;background: none;margin: 10px;}
.dtfx_text {width: 30%;text-align: left;font-size: 18px;margin: 10px;background: none;}
.dtfx_button {width: 50%;margin: 30px auto;border-radius: 10px;background: #333;padding: 10px;color: #DDD;text-align: center;font-size: 25px;}
.dtfx_button:hover {color: #FFF;}

.dtfx_text a:link {text-decoration: none;color: blue;}
.dtfx_text a:visited {text-decoration: none;color: blue;}
.dtfx_text a:hover {text-decoration: underline;color: blue;}
.dtfx_text a:active {text-decoration: none;color: blue;}


.footer {width: 100%;padding: 50px 0;margin: 100px 0 0 0;min-height: 375px;background: #333;}
.footer_data {width: 90%;max-width: 700px;font-size: 14px;line-height: 25px;margin: 10px;text-align: center;color: #DDD;margin: auto;}
.footer_data h2 {font-size: 20px;margin: 20px 0;font-weight: 500;}
.footer_data p {font-size: 15px;line-height: 18px;margin: 5px 0;}
.privacy_data {width: 90%;max-width: 1000px;font-size: 14px;line-height: 20px;text-align: left;margin: 10px auto;text-align: left;color: #DDD;}
.privacy_data h2 {text-align: center;font-size: 20px;margin: 20px 0;color: #DDD;font-weight: 500;}
.footer_data p {font-size: 15px;line-height: 18px;margin: 5px 0;}
.copyright {font-size: 13px;margin: 20px auto 0 auto;text-align: center;color: #DDD;}

.footer_data a {color: #dddddd;text-decoration: none;}
.footer_data a:visited {color: #dddddd;}
.footer_data a:hover {color: #ffffff;} 












@media only screen and (max-width: 1366px) {
	
	
.hide_laptop {display: none;}
.show_laptop {display: block;}
h1 {font-size: 25px;line-height: 30px;font-weight: 500;}
	
		
.main_header {width: 100%;position: fixed;top: 0;left: 0;height: 55px;background: #FFF;z-index: 1000;box-shadow: 0 6px 7px -4px #BBB;}
.main_logo {position: fixed;top: 5px;left: 10px;width: 500px;}
.main_logo img {width: 100%;}
.mobile_logo {position: fixed;top: 5px;left: 10px;width: 45px;}
.mobile_logo img {width: 100%;}
	
	
.main_login {position: fixed;top: 15px;right: 120px;}
.main_register {position: fixed;top: 15px;right: 30px;}
.header_name {position: fixed;top: 15px;right: 100px;font-weight: 500px;}
.cart_show {position: fixed;top: 15px;right: 20px;}	
		
.cats {position: fixed;top: 15px;left: 350px;font-weight: 500px;}
.contact {position: fixed;top: 15px;left: 500px;font-weight: 500px;}
.gallery {position: fixed;top: 15px;left: 585px;font-weight: 500px;}
	
#menu_header_bars {transition: all .5s linear;}
.menu_header_bars {position: fixed;right: 10px;top: 5px;color:#333;padding: 0;text-align: center;font-size: 20px;}
.menu_header_bars i {cursor: pointer;}	
.menu_header_bars_for_toggle {transform: rotate(-90deg);}
#menu_list {display:none; position: fixed;top: 0;left: 0;width:100%;padding: 5px 0 40px 0;background: black;margin: 0;z-index: 10000;
			border-radius: 0;}	

.main_container {width: 100%;background: none;padding: 0;margin: 100px 0 0 0;}
	
	
.slider {width: 90%;max-width: 400px;margin: 0 0 30px 0;z-index: 100;background: none;}	
.ws_images li {border-radius: 15px;}
.ws_images img {border-radius: 15px;}

.text_box {width: 90%;max-width: 550px;margin: 10px 0;z-index: 100;background: none;font-size: 40px;line-height: 45px;font-weight: 500;
		   padding: 0 0 0 50px;}

.start_here {width: 500px;border-radius: 10px;background: #333;padding: 10px;color: #DDD;text-align: center;font-size: 25px;}
.start_here:hover {color: #FFF;}
	
.login_form {width: 90%;max-width: 600px;margin: 100px auto;}
.login_form h1 {font-size: 30px;}
.login_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;}
.login_button {width: 150px;border-radius: 10px;background: #333;padding: 20px 10px;color: #DDD;text-align: center;font-size: 20px;
	           cursor: pointer;margin: 20px 0 0 0;}
.login_button:hover {color: #FFF;}


.register_form {width: 90%;max-width: 600px;margin: 0 auto;}
.register_form h1 {font-size: 30px;}
.register_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;}
.register_button {width: 150px;border-radius: 10px;background: #333;padding: 10px 10px;color: #DDD;text-align: center;font-size: 20px;
	              cursor: pointer;margin: 20px 0 0 0;}
.register_button:hover {color: #FFF;}
.register_error {color: red;font-weight: 600;margin: 0;padding: 0;}
	
.contact_container {width: 100%;background: none;padding: 0;margin: 150px 0 0 0;}
.contact_form {width: 90%;max-width: 600px;margin: 0 auto;background: none;}
.contact_form h1 {font-size: 30px;}
.contact_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;font-family: "Open Sans", sans-serif;}
.contact_form textarea {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;font-family: "Open Sans", sans-serif;}
.contact_button {width: 150px;border-radius: 10px;background: #333;padding: 20px 10px;color: #DDD;text-align: center;font-size: 20px;
	              cursor: pointer;margin: 20px 0 0 0;}
.contact_button:hover {color: #FFF;}
.contact_message {font-size: 20px;font-weight: 500;line-height: 25px;width: 90%;text-align: left;} 

	

.gallery_container {width: 100%;background: none;padding: 0 50px;}
.gallery_heading {width: 100%;text-align: center;font-size: 25px;color: #000;margin: auto;font-weight: bold;
	              padding: 0 10px;background: none;}
.gallery_text {width: 100%;max-width: 1200px;padding-bottom: 10px;text-align: center;}

.mockup {width: 15%;margin: 10px;box-shadow: none;font-size: 15px;}
.mockup img {border: none;margin: 0;outline: none;display: block;border-radius: 10px;}

.mockup_three {width: 90%;max-width: 450px;margin: 20px;}
.mockup_three img {border-radius: 10px;}
	

.search {position: fixed;top: 12px;right: 400px;z-index: 3000;width: 300px;background: none;text-align: right;}
.search input {width: 250px;font-size: 16px;padding: 5px;border: 1px solid #999;border-radius: 5px;outline: none;text-align: center;color: #666;}
.search_icon {color: #333;font-size: 20px;margin: 5px 0 0 5px;cursor: pointer;}

.design_container {width: 100%;background: none;padding: 0 50px 100px 50px;overflow-x: hidden;}
.design_heading {width: 100%;text-align: center;font-size: 25px;line-height: 25px;color: #000;margin: auto;font-weight: bold;
	              padding: 0 10px;background: none;overflow-x: hidden;}
.design_heading h1 {font-size: 25px;line-height: 25px;font-weight: 500;padding: 0;background: none;}
.design_text {width: 100%;padding: 0;text-align: center;background: none;font-size: 18px;font-weight: 500;line-height: 18px;margin: 0 0 10px 0;}
.container_design {position: relative;margin: 10px;max-width: 15%;cursor: pointer;}
.sub_design {font-size: 13px;line-height: 15px;padding-bottom: 5px;font-weight: 600;text-align: center;}	
.image_holder_a {border-radius: 10px;border: 1px solid #999;padding: 10px;}		
.image_holder_b {border-radius: 10px;border: 1px solid #999;padding: 10px;}
	

.buy_container {width: 100%;background: none;padding:25px 0;margin: 55px 0 0 0;}
.image_panel {width: 40%;max-width: 450px;margin: 10px;text-align: center;}
.mockup_text {text-align: left;font-size: 13px;line-height: 16px;font-weight: 500;}
	
.color_panel {width: 90%;max-width: 400px;background: none;margin: 10px;text-align: center;font-size: 20px;font-style: italic;font-weight: 500;}
.color_icon {width: 20%;height: 30px;border-radius: 5px;margin: 3px 5px;border: 1px solid #999;font-size: 11px;line-height: 12px;
	         font-weight: 500;text-align: center;padding: 1px;cursor: pointer;}

.details_panel {width: 40%;max-width: 400px;background: none;margin: 10px;text-align: left;font-size: 20px;font-style: italic;font-weight: 500;}
.details_box {margin: 0 10px;width: 30%;border: none;padding: 0;background: none;}
.details_box p {padding: 0;font-size: 14px;font-weight: 600;line-height: 20px;}
.details_box span {font-weight: 700;}
.details_box a {text-decoration: underline;color: blue;}
.details_box_label {font-style: italic;font-weight: 500;margin: 0 0 5px 0;padding: 0;}
.details_box_filename {font-size: 25px;font-weight: 600;font-style: normal;}
.details_box_container {margin: 0 35px 0 0;}
.details_box_detail {font-size: 35px;font-style: normal;line-height: 35px;text-align: left;margin: 0;padding: 0;}
.details_box_detail span {font-style: italic;font-weight: 500;margin: 10px 0 0 0;font-size: 18px;}
.details_add_to_button {display: inline-block;width: 200px;background: #333;color: #DDD;text-align: center;cursor: pointer;
	                    margin: -50px 0 0 10px;font-size: 20px;padding: 10px;border-radius: 15px;}
.details_qty_input_minus {position: absolute;top: 1px;left: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}
.details_qty_input_plus {position: absolute;top: 4px;right: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}

.pricing_container {justify-content: left;width: 100%;background: none;margin: auto;font-size: 12px;margin: 3px 0;}
.pricing_qty {width: 16%;border: 1px solid #999;padding: 3px;margin: 3px;font-size: 20px;text-align: center;}
.pricing_amt {width: 16%;border: 1px solid #999;padding: 3px;margin: 3px;font-size: 23px;font-weight: bold;text-align: center;font-style: normal;}

.details_qty_form {width: 75px;margin: auto;}

.details_qty_form input {width: 100%;background: #DDD;outline: none;border: none;font-size: 30px;padding: 5px 0 7px 0;border-radius: 10px;text-align: center;}

.details_qty_input {display: inline-block;margin: 20px 10px 10px 0;background: none;border-radius: 10px;width: 150px;padding: 10px;
                    position: relative;}
.details_qty_input_minus {position: absolute;top: 1px;left: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}
.details_qty_input_plus {position: absolute;top: 4px;right: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}

.details_add_to_button {display: inline-block;width: 200px;height: 50px;background: #333;color: #DDD;text-align: center;cursor: pointer;
	                    margin: 30px 0 0 0;font-size: 20px;padding: 10px;border-radius: 15px;}

.details_add_to_button:hover {color: #FFF;}

.details_back_button {display: inline-block;width: 200px;background: #333;color: #DDD;text-align: center;cursor: pointer;
	                    margin: 10px 0 0 0;font-size: 20px;padding: 10px;border-radius: 15px;}
.details_back_button:hover {color: #FFF;}
	

.cart_container {width: 100%;max-width: 650px;background: none;padding:25px 0;margin: 55px auto 0 auto;}
.cart_box {margin: 0 10px;width: 30%;overflow-y: auto;border: none;padding: 10px;background: #F5F5F5;border-radius: 10px;position: relative;}
.cart_box_heading {font-size: 20px;text-align: center;margin: 20px 0 0 0;}
.cart_box_item {align-items: center;padding: 10px;font-size: 20px;font-weight: 600;}
.cart_box_image {width: 19%;border: 1px solid #999;border-radius: 5px;}
.cart_box_image img {display: block;margin: 0;outline: none;}
.cart_box_details {width: 80%;padding: 0 10px;}
.cart_box_prices {font-size: 25px;}
.cart_box_text {padding: 0;font-size: 25px;font-weight: 600;text-align: center;margin-top: 30px;}
.cart_sub_text {font-size: 13px;line-height: 15px;text-align: center;width: 90%;margin: auto;}
.cart_box_delete {position: absolute;right: 10px;bottom: 10px;background: red;border-radius: 50%;color: white;font-weight: 600;
	              padding: 0 8px;cursor: pointer;}
.cart_box_divider {width: 100%;background: #999;height: 1px;margin:  2px auto;}
.ship_choices {width: 125px;padding: 5px;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 15px;text-align: center;
				margin: 0 10px;}
.serv_choices {width: 110px;padding: 5px 0;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 15px;text-align: center;
				margin: 0 10px;}
.serv_choices_empty {width: 200px;padding: 10px 0;border: none;border-radius: 10px;cursor: default;font-size: 20px;
	                 text-align: center;margin: 0 10px;background: green;color: white;}
.no_border {border: none;}

.serv_choices_pay {width: 150px;padding: 15px 0;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 20px;
	                 text-align: center;color: #333;background: white;margin: 0 10px;}
.serv_choices_pay:hover {background: #D1FFBD;}

.upload_cart_button {width: 50%;background: #333;color: #DDD;text-align: center;cursor: pointer;margin: 20px auto;font-size: 20px;
					padding: 10px;border-radius: 15px;}
.upload_cart_button:hover {color: #FFF;}

.cart_footnote {width: 100%;padding: 0;font-size: 13px;margin: auto;text-align: center;position: absolute; bottom: 10px;background: none;}
	
.status_heading {margin: 80px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}
.status_container {width: 100%;max-width: 1100px;margin: auto;background: none;}
.status_info_box {width: 25%;margin: 0 20px;text-align: center;}
.status_detail_box {border: 1px solid #999;font-size: 15px;padding: 10px 20px;margin: 10px;text-align: center;}
.status_detail_box_amount {font-size: 25px;padding: 10px 0 0 0;}
.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;}

.status_box_divider {width: 100%;background: #999;height: 1px;margin:  2px auto;}	
.status_box_item {max-width: 700px;align-items: center;padding: 10px;font-size: 15px;font-weight: 600;}
.status_box_image {width: 18%;border: 1px solid #999;background-size: contain;background-image: url(../images/checkerboard-mini.jpg);
	             border-radius: 5px;}
.status_box_details {width: 80%;padding: 0 10px;}
.status_box_text {padding: 0;font-size: 20px;line-height: 24px;font-weight: 500;text-align: left;}
.status_sub_text {font-size: 13px;line-height: 15px;text-align: center;width: 90%;margin: auto;}

.card_info_form {width: 90%;max-width: 800px;margin: auto;text-align: center;}
.panel_container {background: #F5F5F5;padding: 50px 0 100px 0;}
.panel_container_pay {background: #F5F5F5;padding: 100px 0;}	
.panel_box {width: 90%; max-width: 375px;background: #FFF;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);border-radius: 10px;
	        margin: 15px 25px;padding: 20px;}	
.panel_box a {color: #333;}	
.panel_header {width: 90%;text-align: center;font-size: 30px;margin: 20px auto;line-height: 40px;}	
.panel_image {width: 100%;margin: auto;}	
.panel_heading {font-size: 25px;line-height: 30px;text-align: center;margin: 10px auto;}	
.panel_date {text-align: center;margin-top: 20px;font-size: 45px;padding: 20px;border-radius: 5px;}		
.panel_text {font-size: 15px;line-height: 22px;text-align: left;margin: 10px auto 0 auto;}	
.panel_text_sub {text-align: center;margin: auto;font-size: 15px;line-height: 22px;}		
.button {background: #333;color: #DDD;padding: 10px 20px;margin: 15px;font-size: 20px;border-radius: 10px;cursor: pointer;}	
.button:hover {color: #FFF;}
	
.dtfx_heading {width: 100%;text-align: center;font-size: 25px;margin: 100px 0 25px 0;}
.dtfx_logo {width: 30%;background: none;margin: 10px;}
.dtfx_text {width: 45%;text-align: left;font-size: 16px;margin: 10px;background: none;}
.dtfx_button {width: 80%;margin: 30px auto;border-radius: 10px;background: #333;padding: 10px;color: #DDD;text-align: center;font-size: 25px;}
.dtfx_button:hover {color: #FFF;}
	
.footer {width:100%;padding:50px 0;margin:100px 0 0 0;min-height:375px;background: #333;}
.footer_data {width:90%;max-width:700px;font-size:14px;line-height:25px;margin:10px;text-align:center;color:#DDD;margin:auto;}
.footer_data h2 {font-size:25px;margin:20px 0;font-weight: 500;}
.footer_data p {font-size:20px;margin:5px 0;}
.privacy_data {width:90%;max-width:700px;font-size:14px;line-height:20px;text-align:left;margin:10px auto;text-align:left;color:#DDD;}
.privacy_data h2 {text-align: center;font-size:25px;margin:20px 0;color:#DDD;font-weight: 500;}
.copyright {font-size:13px;margin:20px auto 0 auto;text-align:center;color:#DDD;}

.footer_data a {color:#dddddd;text-decoration:none;}
.footer_data a:visited {color:#dddddd;}
.footer_data a:hover {color:#ffffff;} 
	
	
	
	
}


@media only screen and (max-width: 820px) {
	
.hide_ipad {display: none;}
.show_ipad {display: block;}
	
.main_header {width: 100%;position: fixed;top: 0;left: 0;height: 55px;background: #FFF;z-index: 1000;box-shadow: 0 6px 7px -4px #BBB;}
.main_logo {position: fixed;top: 5px;left: 10px;width: 500px;}
.main_logo img {width: 100%;}
.mobile_logo {position: fixed;top: 5px;left: 10px;width: 45px;}
.mobile_logo img {width: 100%;}
	
	
.main_login {position: fixed;top: 15px;right: 120px;}
.main_register {position: fixed;top: 15px;right: 30px;}
.header_name {position: fixed;top: 15px;right: 30px;font-weight: 500px;}
.gallery {position: fixed;top: 15px;left: 400px;font-weight: 500px;}
	
.cart_show {position: fixed;top: 16px;right: 75px;}
		
#menu_header_bars {transition: all .5s linear;}
.menu_header_bars {position: fixed;right: 20px;top: 15px;color:#333;padding: 0;text-align: center;font-size: 20px;}
.menu_header_bars i {cursor: pointer;}	
.menu_header_bars_for_toggle {transform: rotate(-90deg);}
#menu_list {display:none; position: fixed;top: 55px;left: 0;width:100%;padding: 5px 0 40px 0;background: black;margin: 0;z-index: 10000;
			border-radius: 0;}
	
.slider {width: 100%;max-width: 550px;margin: 0 0 30px 0;z-index: 100;background: none;}	
.ws_images li {border-radius: 15px;}
.ws_images img {border-radius: 15px;}
	
.text_box {width: 90%;max-width: 550px;margin: 10px 0;z-index: 100;background: none;font-size: 40px;line-height: 45px;font-weight: 500;
		   padding: 0 0 0 50px;}

.start_here {width: 500px;border-radius: 10px;background: #333;padding: 10px;color: #DDD;text-align: center;font-size: 25px;}
.start_here:hover {color: #FFF;}
	
.login_form {width: 90%;max-width: 600px;margin: 100px auto;}
.login_form h1 {font-size: 30px;}
.login_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;}
.login_button {width: 150px;border-radius: 10px;background: #333;padding: 20px 10px;color: #DDD;text-align: center;font-size: 20px;
	           cursor: pointer;margin: 20px 0 0 0;}
.login_button:hover {color: #FFF;}


.register_form {width: 90%;max-width: 600px;margin: 0 auto;}
.register_form h1 {font-size: 30px;}
.register_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;}
.register_button {width: 150px;border-radius: 10px;background: #333;padding: 10px 10px;color: #DDD;text-align: center;font-size: 20px;
	              cursor: pointer;margin: 20px 0 0 0;}
.register_button:hover {color: #FFF;}
.register_error {color: red;font-weight: 600;margin: 0;padding: 0;}
	

.contact_container {width: 100%;background: none;padding: 0;margin: 150px 0 0 0;}
.contact_form {width: 90%;max-width: 600px;margin: 0 auto;background: none;}
.contact_form h1 {font-size: 30px;}
.contact_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;font-family: "Open Sans", sans-serif;}
.contact_form textarea {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;font-family: "Open Sans", sans-serif;}
.contact_button {width: 150px;border-radius: 10px;background: #333;padding: 20px 10px;color: #DDD;text-align: center;font-size: 20px;
	              cursor: pointer;margin: 20px 0 0 0;}
.contact_button:hover {color: #FFF;}
.contact_message {font-size: 20px;font-weight: 500;line-height: 25px;width: 90%;text-align: left;} 

	

.gallery_container {width: 100%;background: none;padding: 0 25px;}
.gallery_heading {width: 100%;text-align: center;font-size: 25px;color: #000;margin: auto;font-weight: bold;
	              padding: 0 10px;background: none;}
.gallery_text {width: 100%;max-width: 1200px;padding-bottom: 10px;text-align: center;}

.mockup {width: 20%;margin: 10px;box-shadow: none;font-size: 15px;}
.mockup img {border: none;margin: 0;outline: none;display: block;border-radius: 10px;}

.mockup_three {width: 90%;max-width: 450px;margin: 20px;}
.mockup_three img {border-radius: 10px;}
	
.search {position: fixed;top: 12px;left: 375px;z-index: 3000;width: 300px;background: none;text-align: right;}
.search input {width: 250px;font-size: 16px;padding: 5px;border: 1px solid #999;border-radius: 5px;outline: none;text-align: center;color: #666;}
.search_icon {color: #333;font-size: 20px;margin: 5px 0 0 5px;cursor: pointer;}

.design_container {width: 100%;background: none;padding: 0 25px 100px 25px;overflow-x: hidden;}
.design_heading {width: 100%;text-align: center;font-size: 25px;line-height: 25px;color: #000;margin: auto;font-weight: bold;
	              padding: 0 10px;background: none;overflow-x: hidden;}
.design_heading h1 {font-size: 25px;line-height: 25px;font-weight: 500;padding: 0;background: none;}
.design_text {width: 100%;padding: 0;text-align: center;background: none;font-size: 18px;font-weight: 500;line-height: 18px;margin: 0 0 10px 0;}
.container_design {position: relative;margin: 10px;max-width: 20%;cursor: pointer;}
.sub_design {font-size: 13px;line-height: 15px;padding-bottom: 5px;font-weight: 600;text-align: center;}	
.image_holder_a {border-radius: 10px;border: 1px solid #999;padding: 10px;}		
.image_holder_b {border-radius: 10px;border: 1px solid #999;padding: 10px;}
	
.buy_container {width: 100%;background: none;padding:25px 0;margin: 55px 0 0 0;}
.image_panel {width: 90%;max-width: 340px;margin: 10px;text-align: center;}
.mockup_text {text-align: left;font-size: 13px;line-height: 16px;font-weight: 500;}
	
.color_panel {width: 90%;max-width: 400px;background: none;margin: 10px;text-align: center;font-size: 20px;font-style: italic;font-weight: 500;}
.color_icon {width: 20%;height: 30px;border-radius: 5px;margin: 3px 5px;border: 1px solid #999;font-size: 11px;line-height: 12px;
	         font-weight: 500;text-align: center;padding: 1px;cursor: pointer;}

.details_panel {width: 90%;max-width: 400px;background: none;margin: 10px;text-align: left;font-size: 20px;font-style: italic;font-weight: 500;}
.details_box {margin: 0 10px;width: 30%;border: none;padding: 0;background: none;}
.details_box p {padding: 0;font-size: 14px;font-weight: 600;line-height: 20px;}
.details_box span {font-weight: 700;}
.details_box a {text-decoration: underline;color: blue;}
.details_box_label {font-style: italic;font-weight: 500;margin: 0 0 5px 0;padding: 0;}
.details_box_filename {font-size: 25px;font-weight: 600;font-style: normal;}
.details_box_container {margin: 0 35px 0 0;}
.details_box_detail {font-size: 35px;font-style: normal;line-height: 35px;text-align: left;margin: 0;padding: 0;}
.details_box_detail span {font-style: italic;font-weight: 500;margin: 10px 0 0 0;font-size: 18px;}
.details_add_to_button {display: inline-block;width: 200px;background: #333;color: #DDD;text-align: center;cursor: pointer;
	                    margin: -50px 0 0 10px;font-size: 20px;padding: 10px;border-radius: 15px;}
.details_qty_input_minus {position: absolute;top: 1px;left: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}
.details_qty_input_plus {position: absolute;top: 4px;right: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}

.pricing_container {justify-content: left;width: 100%;background: none;margin: auto;font-size: 12px;margin: 3px 0;}
.pricing_qty {width: 15%;border: 1px solid #999;padding: 3px;margin: 3px;font-size: 20px;text-align: center;}
.pricing_amt {width: 15%;border: 1px solid #999;padding: 3px;margin: 3px;font-size: 25px;font-weight: bold;text-align: center;font-style: normal;}

.details_qty_form {width: 75px;margin: auto;}

.details_qty_form input {width: 100%;background: #DDD;outline: none;border: none;font-size: 30px;padding: 5px 0 7px 0;border-radius: 10px;text-align: center;}

.details_qty_input {display: inline-block;margin: 20px 10px 10px 0;background: none;border-radius: 10px;width: 150px;padding: 10px;
                    position: relative;}
.details_qty_input_minus {position: absolute;top: 1px;left: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}
.details_qty_input_plus {position: absolute;top: 4px;right: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}

.details_add_to_button {display: inline-block;width: 200px;height: 50px;background: #333;color: #DDD;text-align: center;cursor: pointer;
	                    margin: 30px 0 0 0;font-size: 20px;padding: 10px;border-radius: 15px;}

.details_add_to_button:hover {color: #FFF;}	
	
.details_back_button {display: inline-block;width: 200px;background: #333;color: #DDD;text-align: center;cursor: pointer;
	                    margin: 10px 0 0 0;font-size: 20px;padding: 10px;border-radius: 15px;}
.details_back_button:hover {color: #FFF;}
	

.cart_container {width: 100%;max-width: 650px;background: none;padding:25px 0;margin: 55px auto 0 auto;}
.cart_box {margin: 0 10px;width: 30%;overflow-y: auto;border: none;padding: 10px;background: #F5F5F5;border-radius: 10px;position: relative;}
.cart_box_heading {font-size: 20px;text-align: center;margin: 20px 0 0 0;}
.cart_box_item {align-items: center;padding: 10px;font-size: 20px;font-weight: 600;}
.cart_box_image {width: 19%;border: 1px solid #999;border-radius: 5px;}
.cart_box_image img {display: block;margin: 0;outline: none;}
.cart_box_details {width: 80%;padding: 0 10px;}
.cart_box_prices {font-size: 25px;}
.cart_box_text {padding: 0;font-size: 25px;font-weight: 600;text-align: center;margin-top: 30px;}
.cart_sub_text {font-size: 13px;line-height: 15px;text-align: center;width: 90%;margin: auto;}
.cart_box_delete {position: absolute;right: 10px;bottom: 10px;background: red;border-radius: 50%;color: white;font-weight: 600;
	              padding: 0 8px;cursor: pointer;}
.cart_box_divider {width: 100%;background: #999;height: 1px;margin:  2px auto;}
.ship_choices {width: 125px;padding: 5px;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 15px;text-align: center;
				margin: 0 10px;}
.serv_choices {width: 110px;padding: 5px 0;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 15px;text-align: center;
				margin: 0 10px;}
.serv_choices_empty {width: 200px;padding: 10px 0;border: none;border-radius: 10px;cursor: default;font-size: 20px;
	                 text-align: center;margin: 0 10px;background: green;color: white;}
.no_border {border: none;}

.serv_choices_pay {width: 150px;padding: 15px 0;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 20px;
	                 text-align: center;color: #333;background: white;margin: 0 10px;}
.serv_choices_pay:hover {background: #D1FFBD;}

.upload_cart_button {width: 50%;background: #333;color: #DDD;text-align: center;cursor: pointer;margin: 20px auto;font-size: 20px;
					padding: 10px;border-radius: 15px;}
.upload_cart_button:hover {color: #FFF;}

.cart_footnote {width: 100%;padding: 0;font-size: 13px;margin: auto;text-align: center;position: absolute; bottom: 10px;background: none;}
	
	
.status_heading {margin: 80px 0 20px 0;font-size: 30px;font-weight: 500;text-align: center;}
.status_container {width: 100%;max-width: 1100px;margin: auto;background: none;}
.status_info_box {width: 25%;margin: 0 20px;text-align: center;}
.status_detail_box {border: 1px solid #999;font-size: 15px;padding: 10px;margin: 5px;text-align: center;}
.status_detail_box_amount {font-size: 20px;padding: 10px 0 0 0;}
.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;}

.status_box_divider {width: 100%;background: #999;height: 1px;margin:  2px auto;}	
.status_box_item {max-width: 700px;align-items: center;padding: 10px;font-size: 15px;font-weight: 600;}
.status_box_image {width: 18%;border: 1px solid #999;background-size: contain;background-image: url(../images/checkerboard-mini.jpg);
	             border-radius: 5px;}
.status_box_details {width: 80%;padding: 0 10px;}
.status_box_text {padding: 0;font-size: 20px;line-height: 24px;font-weight: 500;text-align: left;}
.status_sub_text {font-size: 13px;line-height: 15px;text-align: center;width: 90%;margin: auto;}
	
.card_info_form {width: 90%;max-width: 800px;margin: auto;text-align: center;}
.panel_container {background: #F5F5F5;padding: 50px 0 100px 0;}
.panel_container_pay {background: #F5F5F5;padding: 50px 0;}	
.panel_box {width: 90%; max-width: 375px;background: #FFF;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);border-radius: 10px;
	        margin: 15px 25px;padding: 20px;}	
.panel_box a {color: #333;}	
.panel_header {width: 90%;text-align: center;font-size: 30px;margin: 20px auto;line-height: 40px;}	
.panel_image {width: 100%;margin: auto;}	
.panel_heading {font-size: 25px;line-height: 30px;text-align: center;margin: 10px auto;}	
.panel_date {text-align: center;margin-top: 20px;font-size: 45px;padding: 20px;border-radius: 5px;}		
.panel_text {font-size: 15px;line-height: 22px;text-align: left;margin: 10px auto 0 auto;}	
.panel_text_sub {text-align: center;margin: auto;font-size: 15px;line-height: 22px;}		
.button {background: #333;color: #DDD;padding: 10px 20px;margin: 15px;font-size: 20px;border-radius: 10px;cursor: pointer;}	
.button:hover {color: #FFF;}

.dtfx_heading {width: 100%;text-align: center;font-size: 25px;margin: 100px 0 25px 0;}
.dtfx_logo {width: 60%;background: none;margin: 10px;}
.dtfx_text {width: 80%;text-align: left;font-size: 16px;margin: 10px;background: none;}
.dtfx_button {width: 100%;margin: 30px auto;border-radius: 10px;background: #333;padding: 10px;color: #DDD;text-align: center;font-size: 25px;}
.dtfx_button:hover {color: #FFF;}
.dtfx_mobile_buttons {background: none;width: 50%;}
	
.footer {width:100%;padding:50px 0;margin:100px 0 0 0;min-height:375px;background: #333;}
.footer_data {width:90%;max-width:700px;font-size:14px;line-height:25px;margin:10px;text-align:center;color:#DDD;margin:auto;}
.footer_data h2 {font-size:25px;margin:20px 0;font-weight: 500;}
.footer_data p {font-size:20px;margin:5px 0;}
.privacy_data {width:90%;max-width:700px;font-size:14px;line-height:20px;text-align:left;margin:10px auto;text-align:left;color:#DDD;}
.privacy_data h2 {text-align: center;font-size:25px;margin:20px 0;color:#DDD;font-weight: 500;}
.copyright {font-size:13px;margin:20px auto 0 auto;text-align:center;color:#DDD;}

.footer_data a {color:#dddddd;text-decoration:none;}
.footer_data a:visited {color:#dddddd;}
.footer_data a:hover {color:#ffffff;} 
	
	
	
	
}	



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

.show_mobile {display: block;}	
h1 {font-size: 20px;line-height: 25px;}

.main_header {width: 100%;position: fixed;top: 0;left: 0;height: 55px;background: #FFF;z-index: 1000;box-shadow: 0 6px 7px -4px #BBB;}
.main_logo {position: fixed;top: 10px;left: 10px;width: 400px;}	.hide_mobile {display: none;}
#menu_header_bars {transition: all .5s linear;}
.menu_header_bars {position: fixed;right: 15px;top: 12px;color:#333;padding:0;text-align: center;font-size: 20px;}
.menu_header_bars i {cursor: pointer;}	
.menu_header_bars_for_toggle {transform: rotate(-90deg);}
.cart_show {position: fixed;top: 15px;right: 50px;}	
	
#menu_list {display:none; position: fixed;top: 55px;left: 0;width:100%;padding:5px 0 40px 0;background: black;margin: 0;z-index: 10000;
			border-radius: 0;} 

.slider {width: auto;max-width: 325px;margin: 25px 0 10px 0;z-index: 100;background: none;overflow-x: hidden;}	
.ws_images li {border-radius: 15px;}
.ws_images img {border-radius: 15px;}
	
.text_box {width: auto;max-width: 325px;overflow-x: hidden;margin: 10px 0;z-index: 100;background: none;font-size: 40px;line-height: 50px;
	       font-weight: 500;padding: 20px;}
	
.start_here {width: auto;max-width: 325px;overflow-x: hidden;margin: auto;border-radius: 10px;background: #333;padding: 10px 20px;color: #DDD;text-align: center;font-size: 20px;}
.start_here:hover {color: #FFF;}

	
	
	
.login_form {width: 100%;max-width: 325px;margin: 50px auto;}
.login_form h1 {font-size: 30px;}
.login_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;}
.login_button {width: 150px;border-radius: 10px;background: #333;padding: 20px 10px;color: #DDD;text-align: center;font-size: 20px;
	           cursor: pointer;margin: 20px 0 0 0;}
.login_button:hover {color: #FFF;}


.register_form {width: 100%;max-width: 325px;margin: -50px auto 0 auto;background: none;}
.register_form h1 {font-size: 30px;}
.register_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;}
.register_button {width: 150px;border-radius: 10px;background: #333;padding: 10px 10px;color: #DDD;text-align: center;font-size: 20px;
	              cursor: pointer;margin: 20px 0 0 0;}
.register_button:hover {color: #FFF;}
.register_error {color: red;font-weight: 600;margin: 0;padding: 0;}
	
.contact_container {width: 100%;background: none;padding: 0;margin: 75px 0 0 0;}
.contact_form {width: 90%;max-width: 600px;margin: 0 auto;background: none;}
.contact_form h1 {font-size: 30px;}
.contact_form input {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;font-family: "Open Sans", sans-serif;}
.contact_form textarea {background: #FFF;width: 100%;font-size: 20px;padding: 10px 30px;border: 1px solid #999;outline: none;border-radius: 10px;
                      margin: 10px 0;font-family: "Open Sans", sans-serif;}
.contact_button {width: 150px;border-radius: 10px;background: #333;padding: 20px 10px;color: #DDD;text-align: center;font-size: 20px;
	              cursor: pointer;margin: 20px 0 0 0;}
.contact_button:hover {color: #FFF;}
.contact_message {font-size: 20px;font-weight: 500;line-height: 25px;width: 90%;text-align: left;} 

	
.gallery_container {width: 100%;background: none;padding: 0 10px;overflow-x: hidden;}
.gallery_heading {width: 100%;text-align: center;font-size: 25px;color: #000;margin: auto;font-weight: bold;
	              padding: 0 10px;background: none;}
.gallery_text {width: 100%;max-width: 1200px;padding: 0 10px;text-align: center;background: none;overflow-x: hidden;font-size: 15px;line-height: 18px;}

.mockup {width: 45%;margin: 5px;box-shadow: none;font-size: 15px;}
.mockup img {border: none;margin: 0;outline: none;display: block;border-radius: 10px;}

.mockup_three {width: 90%;max-width: 450px;margin: 20px;}
.mockup_three img {border-radius: 10px;}

.search {position: fixed;top: 12px;left: 75px;z-index: 3000;width: 200px;background: none;text-align: right;}
.search input {width: 150px;font-size: 16px;padding: 5px;border: 1px solid #999;border-radius: 5px;outline: none;text-align: center;color: #666;}
.search_icon {color: #333;font-size: 20px;margin: 2px 0 0 5px;cursor: pointer;}
	
.design_container {width: 100%;background: none;padding: 0 10px 100px 10px;overflow-x: hidden;}
.design_heading {width: 100%;text-align: center;font-size: 25px;line-height: 25px;color: #000;margin: auto;font-weight: bold;
	            padding: 0 10px;background: none;overflow-x: hidden;}
.design_heading h1 {font-size: 23px;line-height: 25px;font-weight: 500;padding: 0;background: none;}
.design_text {width: 100%;padding: 0;text-align: center;background: none;font-size: 18px;font-weight: 500;line-height: 18px;margin: 0 0 10px 0;}
.container_design {position: relative;margin: 10px;max-width: 44%;cursor: pointer;}
.sub_design {font-size: 13px;line-height: 15px;padding-bottom: 5px;font-weight: 600;text-align: center;}	
.image_holder_a {border-radius: 10px;border: 1px solid #999;padding: 10px;}		
.image_holder_b {border-radius: 10px;border: 1px solid #999;padding: 10px;}
	
.buy_container {width: 100%;background: none;padding:25px 0;margin: 55px 0 0 0;}
.image_panel {width: 90%;max-width: 340px;margin: 10px;text-align: center;}
.mockup_text {text-align: left;font-size: 13px;line-height: 16px;font-weight: 500;}
	
.color_panel {width: 90%;max-width: 400px;background: none;margin: 10px;text-align: center;font-size: 20px;font-style: italic;font-weight: 500;}
.color_icon {width: 20%;height: 30px;border-radius: 5px;margin: 3px 5px;border: 1px solid #999;font-size: 11px;line-height: 12px;
	         font-weight: 500;text-align: center;padding: 1px;cursor: pointer;}

.details_panel {width: 90%;max-width: 450px;background: none;margin: 10px;text-align: left;font-size: 20px;font-style: italic;font-weight: 500;}
.details_box {margin: 0 10px;width: 25%;border: none;padding: 0;background: none;}
.details_box p {padding: 0;font-size: 14px;font-weight: 600;line-height: 20px;}
.details_box span {font-weight: 700;font-style: italic;font-weight: 500;margin: 10px 0 0 0;font-size: 15px;}
.details_box a {text-decoration: underline;color: blue;}
.details_box_label {font-style: italic;font-weight: 500;margin: 0 0 5px 0;padding: 0;}
.details_box_filename {font-size: 25px;font-weight: 600;font-style: normal;}
.details_box_container {margin: 0 25px 0 0;background: none;}
.details_box_detail {font-size: 25px;font-style: normal;line-height: 28px;text-align: left;margin: 0;padding: 0;}
.details_box_detail span {font-style: italic;font-weight: 500;margin: 10px 0 0 0;font-size: 18px;}
.details_qty_input {display: inline-block;margin: 20px 10px 10px 0;background: none;border-radius: 10px;width: 150px;padding: 10px;
                    position: relative;}
.details_qty_input_minus {position: absolute;top: 1px;left: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}
.details_qty_input_plus {position: absolute;top: 4px;right: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}
	
.pricing_container {justify-content: left;width: 100%;background: none;margin: auto;font-size: 12px;margin: 3px 0;}
.pricing_qty {width: 18%;border: 1px solid #999;padding: 3px;margin: 3px;font-size: 18px;text-align: center;}
.pricing_amt {width: 18%;border: 1px solid #999;padding: 3px;margin: 3px;font-size: 20px;font-weight: bold;text-align: center;font-style: normal;}

.details_qty_form {width: 75px;margin: auto;}

.details_qty_form input {width: 100%;background: #DDD;outline: none;border: none;font-size: 30px;padding: 5px 0 7px 0;border-radius: 10px;text-align: center;}

.details_qty_input {display: inline-block;margin: 20px 10px 10px 0;background: none;border-radius: 10px;width: 150px;padding: 10px;
                    position: relative;}
.details_qty_input_minus {position: absolute;top: 1px;left: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}
.details_qty_input_plus {position: absolute;top: 4px;right: 5px;font-weight: 600;font-size: 40px;cursor: pointer;}

.details_add_to_button {display: inline-block;width: 175px;height: 50px;background: #333;color: #DDD;text-align: center;cursor: pointer;
	                    margin: 30px 0 0 0;font-size: 20px;padding: 10px;border-radius: 15px;}

.details_add_to_button:hover {color: #FFF;}	
	
.details_back_button {width: 250px;background: #333;color: #DDD;text-align: center;cursor: pointer;
	                    margin: 10px auto;font-size: 20px;padding: 10px;border-radius: 15px;}
.details_back_button:hover {color: #FFF;}
	

.cart_container {width: 100%;max-width: 650px;background: none;padding:25px 0;margin: 10px auto 0 auto;}
.cart_box {margin: 0 10px;width: 30%;overflow-y: auto;border: none;padding: 10px;background: #F5F5F5;border-radius: 10px;position: relative;}
.cart_box_heading {font-size: 15px;text-align: center;margin: 10px 0 0 0;}
.cart_box_item {align-items: center;padding: 10px;font-size: 20px;font-weight: 600;}
.cart_box_image {width: 29%;border: 1px solid #999;border-radius: 5px;}
.cart_box_image img {display: block;margin: 0;outline: none;}
.cart_box_details {width: 70%;padding: 0 10px;font-size: 15px;line-height: 17px;}
.cart_box_prices {font-size: 20px;}
.cart_box_text {padding: 0;font-size: 25px;font-weight: 600;text-align: center;margin-top: 30px;}
.cart_sub_text {font-size: 13px;line-height: 15px;text-align: center;width: 90%;margin: auto;}
.cart_box_delete {position: absolute;right: 10px;bottom: 10px;background: red;border-radius: 50%;color: white;font-weight: 600;
	              padding: 0 8px;cursor: pointer;}
.cart_box_divider {width: 100%;background: #999;height: 1px;margin:  2px auto;}
.ship_choices {width: 100px;padding: 5px;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 14px;text-align: center;
				margin: 0 5px;}
.serv_choices {width: 110px;padding: 5px 0;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 15px;text-align: center;
				margin: 0 10px;}
.serv_choices_empty {width: 200px;padding: 10px 0;border: none;border-radius: 10px;cursor: default;font-size: 20px;
	                 text-align: center;margin: 0 10px;background: green;color: white;}
.no_border {border: none;}

.serv_choices_pay {width: 150px;padding: 15px 0;border: 1px solid #999;border-radius: 10px;cursor: pointer;font-size: 20px;
	                 text-align: center;color: #333;background: white;margin: 0 10px;}
.serv_choices_pay:hover {background: #D1FFBD;}

.upload_cart_button {width: 80%;background: #333;color: #DDD;text-align: center;cursor: pointer;margin: 20px auto;font-size: 20px;
					padding: 10px;border-radius: 15px;}
.upload_cart_button:hover {color: #FFF;}

.cart_footnote {width: 100%;padding: 0;font-size: 13px;margin: auto;text-align: center;position: absolute; bottom: 10px;background: none;}
	
	
.status_heading {margin: 60px 0 20px 0;font-size: 25px;font-weight: 500;text-align: center;}
.status_container {width: 90%;max-width: 1100px;margin: auto;background: none;}
.status_info_box {width: 25%;margin: 0 20px;text-align: center;}
.status_detail_box {border: 1px solid #999;font-size: 15px;padding: 10px;margin: 5px;text-align: center;}
.status_detail_box_amount {font-size: 20px;padding: 10px 0 0 0;}
.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: auto;font-size: 15px;text-align: center;}

.status_box_divider {width: 100%;background: #999;height: 1px;margin:  2px auto;}	
.status_box_item {max-width: 700px;align-items: center;padding: 10px;font-size: 15px;font-weight: 600;}
.status_box_image {width: 20%;border: 1px solid #999;background-size: contain;background-image: url(../images/checkerboard-mini.jpg);
	             border-radius: 5px;}
.status_box_details {width: 80%;padding: 0 10px;}
.status_box_text {padding: 0;font-size: 15px;line-height: 18px;font-weight: 500;text-align: left;}
.status_sub_text {font-size: 13px;line-height: 15px;text-align: center;width: 90%;margin: auto;}

.card_info_form {width: 90%;max-width: 800px;margin: auto;text-align: center;}	
.panel_container {background: #F5F5F5;padding: 50px 0 100px 0;}
.panel_container_pay {background: #F5F5F5;padding: 50px 0;}	
.panel_box {width: 90%; max-width: 375px;background: #FFF;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);border-radius: 10px;
	        margin: 15px 25px;padding: 20px;}	
.panel_box a {color: #333;}	
.panel_header {width: 90%;text-align: center;font-size: 30px;margin: 20px auto;line-height: 40px;}	
.panel_image {width: 100%;margin: auto;}	
.panel_heading {font-size: 25px;line-height: 30px;text-align: center;margin: 10px auto;}	
.panel_date {text-align: center;margin-top: 20px;font-size: 45px;padding: 20px;border-radius: 5px;}		
.panel_text {font-size: 15px;line-height: 22px;text-align: left;margin: 10px auto 0 auto;}	
.panel_text_sub {text-align: center;margin: auto;font-size: 15px;line-height: 22px;}		
.button {background: #333;color: #DDD;padding: 10px 20px;margin: 15px;font-size: 20px;border-radius: 10px;cursor: pointer;}	
.button:hover {color: #FFF;}
	
.dtfx_heading {width: 100%;text-align: center;font-size: 20px;margin: 50px 0 25px 0;}
.dtfx_logo {width: 75%;background: none;margin: 10px;}
.dtfx_text {width: 80%;text-align: left;font-size: 16px;margin: 10px;background: none;}
.dtfx_button {width: 100%;margin: 30px auto;border-radius: 10px;background: #333;padding: 10px;color: #DDD;text-align: center;font-size: 20px;}
.dtfx_button:hover {color: #FFF;}
.dtfx_mobile_buttons {background: none;width: 80%;}

.footer {width:100%;padding:50px 25px;margin:100px 0 0 0;min-height:375px;background: #333;overflow-x: hidden;}
.footer_data {width:100%;max-width:700px;font-size:14px;line-height:25px;margin:10px;text-align:center;color:#DDD;margin:auto;}
.footer_data h2 {font-size:25px;margin:20px 0;font-weight: 500;}
.footer_data p {font-size:20px;margin:5px 0;}
.privacy_data {width:100%;max-width:700px;font-size:14px;line-height:20px;text-align:left;margin:10px auto;text-align:left;color:#DDD;}
.privacy_data h2 {text-align: center;font-size:25px;margin:20px 0;color:#DDD;font-weight: 500;}
.copyright {font-size:13px;margin:20px auto 0 auto;text-align:center;color:#DDD;}

.footer_data a {color:#dddddd;text-decoration:none;}
.footer_data a:visited {color:#dddddd;}
.footer_data a:hover {color:#ffffff;} 
	
	

}