/*
*** USER ACOUNT PAGE
**  LOGIN PAGE */
 h2, h3{
	font-size: 1.25em;
    position: relative;
    font-family: 'poppins_extraboldregular', Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    -webkit-text-stroke: 1px #212121;}
#header-login .headaer_background_static{
	background-color:transparent;
	border-bottom:none;}
#header-login .main_nav > ul > li a, 
#header-login .main_nav > ul > li span, 
#header-login .main_nav > ul > li a h3, 
#header-login .main_nav > ul > li span h3{
	color:#fff;}
#header-login .main_nav ul li a:hover, 
#header-login .main_nav ul li span:hover, 
#header-login .main_nav > ul > li a h3:hover, 
#header-login .main_nav > ul > li span h3:hover {
    color: #41d5ff;}
#header-login .main_nav .box-cart a p {color:#fff;}
#header-login .main_nav .box-cart a:hover p {color:#41d5ff;}
#header-login .main_nav .box-cart a:hover p span{color:#fff;}
#rekord_login_page{
	min-height:1150px;
	padding: 250px 0px 0px 0px;
    margin-top: -101px;
	position:relative;
	box-sizing:border-box;}
#rekord_login_page .woocommerce-notices-wrapper > div, 
#rekord_login_page .woocommerce-notices-wrapper > ul, 
#rekord_login_page .woocommerce-info {
    margin-bottom:0px;
    padding: 0px 50px;
    text-decoration: underline;}
#rekord_login_page .rekord_lost_password_content .woocommerce-notices-wrapper > div,
#rekord_login_page .rekord_lost_password_content .woocommerce-notices-wrapper > ul,
#rekord_login_page .rekord_lost_password_content .woocommerce-info{
	padding:0px;
	font-weight:bold;}
#rekord_login_page .woocommerce-notices-wrapper > ul{list-style-type:none;}
#rekord_login_page .woocommerce-notices-wrapper > div.woocommerce-error, 
#rekord_login_page .woocommerce-notices-wrapper > ul.woocommerce-error{
	color:#E50000;;
    background: transparent;}	
#rekord_login_page .woocommerce-notices-wrapper > div.woocommerce-message{
	background-color:transparent;
	text-decoration:none;
	color:#4CAF50;}
#rekord_login_page .background_options,
#rekord_account .background_options{
	background-image:url(../../images/rekord-bg.jpg;);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
    filter: blur(2px);}
#rekord_login_page .background_options > div {
	background-image:linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 30%);
	box-shadow: 0 0 5px 30px #000;
    width: 100%;
	height: 100%;}
#customer_login > div {
	display:-webkit-flex;
	display:flex;
	justify-content:space-between;
	position:relative;}
/* PAGE TITLE */	
.rekord_login_title,
.rekord_lost_password_content{
	max-width:850px;
	-webkit-flex-basis:60%;
	flex-basis:60%;}
h1.rekord_unlogin_title{
	font-family: 'poppins_extraboldregular', Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 1.25em;
    font-size: 2.5em;
	margin-bottom:24px;}
div.rekord_unlogin_text {font-size:20px;}
div.rekord_unlogin_text p{
	color:#fff;
	margin-bottom:12px;}
div.rekord_unlogin_text p:last-child{margin-bottom:0px;}
/* TOPBAR LOGIN & REGISTRATION */	
.rekord_login_form{
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 20px 0px #000;
    overflow: hidden;
	box-sizing:border-box;
	padding-bottom:75px;
    max-width: 680px;
	min-height:590px;
    width: 100%;}
.rekord_login_form_head_content{
	display:-webkit-flex;
	display:flex;}
.rekord_login_form_head_content > div {
	-webkit-flex-basis:50%;
	flex-basis:50%;
	text-align:center;
	padding:30px;
	margin-bottom:25px;
	box-sizing:border-box;
	border-bottom:1px solid #f1f1f1;
	cursor:pointer;
	background-color:#fdfdfd;}
.rekord_login_form_head_content > div:nth-child(1){border-right:.5px solid #f1f1f1;}
.rekord_login_form_head_content > div:nth-child(2){border-left:.5px solid #f1f1f1;}
.rekord_login_form_head_content > div h2{
    margin-bottom: 0px;
	opacity:.3;
	-webkit-text-stroke:0px #212121;}
/* FORM CONTENT */
.rekord_login_content,
.rekord_registery_content{
	padding:25px 50px 0px;
	display:none;}
form .woocommerce-address-fields > div p,
p.login_input_field{margin:25px 0;}
form .woocommerce-address-fields > div p label,
p.login_input_field label{
	font-weight:bold;
	color:#000;
	display:block;}
form .woocommerce-address-fields > div p input,
p.login_input_field input{	
	width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    margin-top: 5px;}	
.rekord_login_content .form-row{
	width: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    display: -webkit-flex;
    display: flex;}
.rekord_login_content .form-row .rekord_pass_remeber{margin-top: 34px;}
.rekord_login_content p.login_input_field:nth-child(1),
.rekord_registery_content .rekord_registery_row p.login_input_field{margin:0px;}
.rekord_registery_content form > p.login_input_field:nth-child(2){margin-bottom:5px;}
.rekord_registery_row {
	display:-webkit-flex;
	display:flex;
	justify-content:space-between;}
.rekord_registery_row p.login_input_field{
	-webkit-flex-basis:49%;
	flex-basis:49%;}
.lost_password a{
	color:#000;
	font-style:italic;
	text-decoration:underline;}
.rekord_registery_content .woocommerce-privacy-policy-text {margin-top:5px;}
.rekord_registery_content .woocommerce-privacy-policy-text a {
	font-weight:bold;
	color:#000;
	text-decoration:underline;}
/* PASSWORD STRENGTH*/
.woocommerce-password-strength{
	font-weight:bold;
	color:#E50000;
	text-decoration:underline;}
.woocommerce-password-strength{margin:10px 0px 5px;}
.woocommerce-password-strength.good{color:#FF9800;}
.woocommerce-password-strength.strong{color:#4CAF50;}
.woocommerce-password-hint{
	display:inline-block;
	line-height:1.3em;}
/* LOST PASSWORD*/
.rekord_lost_password_content form{width:100%;}	
.rekord_lost_password_content form p.login_input_field label{color:#fff;}
.rekord_lost_password_content form p.login_input_field input{
	background-color:rgba(255,255,255,.3);
	color:#fff;}
input[checkbox]{display:inline;}
.button{
	display: block;
	margin:15px 20px 15px 0px;
	padding:24px 30px;
	cursor:pointer;
	color: #fff;
    background-color: #000;}
/* FORM ACTIVATION*/
.rekord_login_form_head_content > div.active-form {
	background-color:#fff;
	border-bottom:none;}
.rekord_login_form_head_content > div.active-form h2{opacity:1;}
.rekord_login_content.active-form ,
.rekord_registery_content.active-form {display:block;}

/* USER ACCOUNT LOGIN*/
#rekord_account {
	background-color:#fafafa;
	position:relative}
#rekord_account .background_options{filter: blur(4px);;}
#rekord_account  .background_options > div{
    width: 100%;
	height: 100%;
	box-shadow: 0 0 5px 30px #000;
	background-color:rgba(0,0,0,.1);}
#rekord_account #woocommerce_template{position:relative;}
#rekord_shop_my_account {
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	margin-top:50px;}
.rekord_account_nav {
	-wekit-flex-basis:280px;
	flex-basis:330px;
	margin-right:10px;}
.rekord_account_nav > div{
	box-sizing:border-box;
    border: 1px solid #e1e1e1;
	border-top-left-radius: 20px;
	background-color: #fff;
	overflow:hidden;}
.rekord_customer_name{
    padding:30px 20px;
    box-sizing: border-box;
    background-color: #fff;}
.rekord_customer_name p{	
	font-size: 1.25em;
    position: relative;
	color:#000;
    font-family: 'poppins_extraboldregular', Arial, Helvetica, sans-serif;
    margin-bottom: 0px;}
.rekord_customer_name h1{
	font-size: 1em;
    color: #999;
	font-style: italic;}
.rekord_account_nav  nav{
    padding: 50px 0px;
    box-sizing: border-box;}
.rekord_account_nav  nav ul{}
.rekord_account_nav  nav ul li{
	list-style-type:none;
	position:relative;
	display:block;}
.rekord_account_nav  nav ul li a{
	display: block;
    text-transform: uppercase;
    padding: 15px 20px;
    color: #aaa;
    font-weight: bold;
	transition:all .3s;}
.rekord_account_nav  nav ul li a:before{
    font-family: 'Font Awesome\ 5 Free';
    font-weight: bold;
    color: #41d5ff;
    width: 35px;
    display: inline-block;
    font-size: 1.125em;}
.rekord_account_nav  nav ul li.woocommerce-MyAccount-navigation-link--orders a:before{content:"\f007";}
.rekord_account_nav  nav ul li.woocommerce-MyAccount-navigation-link--edit-account a:before{content:"\f085";}
.rekord_account_nav  nav ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before{content:"\f2f5";}
.rekord_account_nav  nav ul li.is-active a{
    border-left: 5px solid #41d5ff;
    color: #41d5ff;
    background-color: #fafafa;}
.rekord_account_nav  nav ul li a:hover{
	color:#fff;
	background-color:#41d5ff;}
.rekord_account_nav  nav ul li a:hover:before{color:#fff;}
.rekord_account_wrapper{
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 50px;
    box-sizing: border-box;
    -webkit-flex-basis: 90%;
    flex-basis: 90%;
    box-sizing: border-box;}
/* EMPTY CART */
.rekord_cart_icon{
	text-align: center;
    font-size: 24em;
    color: #f1f1f1;
    width: 600px;
    margin: 0 auto;
    background-color: white;
    height: 450px;
    line-height: 450px;}
.rekord_cart_icon i {
	background-image:url(../../images/rekord-banch-bg.jpg);
	background-size:cover;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
	filter: drop-shadow(0px 0px 1px #000);
	margin-left: -80px;}
.rekord_empty_cart .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper p:nth-child(even),
.rekord_empty_cart .woocommerce-info,
.rekord_empty_cart p.information{
	background-color:transparent;
	color:#000;
	font-size:20px;
	margin:0px;
	line-height:1.25em;
	text-align:center;
	font-weight:bold;
	padding-inline-start:0px;
	padding:0px;}
.rekord_empty_cart .woocommerce-notices-wrapper .woocommerce-message{
	font-weight:normal;
	font-style:italic;}
.rekord_empty_cart .return-to-shop{
	margin-top:25px;
	text-align:center;}
.rekord_empty_cart .return-to-shop a{	
	display: inline-block;
    padding: 14px 30px;
	margin: 0 auto;}
/* ACCOUNT ORDER */
#rekord_account  .rekord_account_wrapper table{
	border-spacing: 0px;
	margin-bottom:0px;}
#rekord_account  .rekord_account_wrapper table ul li {list-style-type:none;}
#rekord_account  .rekord_account_wrapper table ul li p{display:inline;}
#rekord_account  .rekord_account_wrapper table thead tr{background-color:#000;}
#rekord_account  .rekord_account_wrapper table thead tr th{ color:#fff;}
#rekord_account  .rekord_account_wrapper table thead tr th:nth-child(1){padding-left:20px;}
#rekord_account  .rekord_account_wrapper table thead tr th:last-child span{display:none;}
#rekord_account  .rekord_account_wrapper table tbody tr:nth-child(even){background:#fafafa;}
#rekord_account  .woocommerce-orders-table__cell-order-number{padding-left:20px;}
#rekord_account  .woocommerce-orders-table__cell-order-number a {
	font-weight:bold;
	color:#000;}
#rekord_account .woocommerce-orders-table__cell-order-total{
	color: #E50000;
    font-weight: bold;}
#rekord_account  .woocommerce-orders-table__cell-order-actions a.button{
	padding: 0px;
    background-color: transparent;
    color: #000;
    border: none;
    text-decoration: underline;	}
/* MY ACCOUNT EDIT*/
.rekord_edit_account_options h1,
.rekord_account_pass legend{
	font-size: 1.25em;
    position: relative;
    color: #000;
    font-family: 'poppins_extraboldregular', Arial, Helvetica, sans-serif;
    margin-bottom: 0px;}
.rekord_account_info{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;}
.rekord_account_info p {
	-webkit-flex-basis:50%;
	flex-basis:50%;
	box-sizing:border-box;
	margin-bottom:0px;}
.rekord_account_info p:nth-child(odd){padding-right:25px}
.rekord_account_info p:nth-child(even){padding-left:25px;}
.rekord_edit_account_options .required{color:#E50000;}	
.rekord_account_info p.see-name input{margin-bottom:10px;}
.rekord_account_info p.see-name span{
	display:inline-block;
	line-height:15px;}
.rekord_account_pass {margin-top:50px;}
.rekord_pass_content{
	width:50%;
	padding-right:25px;
	box-sizing:border-box;}
.rekord_account_pass p:last-child{margin-bottom:0px;}
#thankyou_adress,
.rekord_adress_edit_wrapper{margin-top:50px;}
#thankyou_adress > section,
.rekord_adress_edit_wrapper > div {
	display:-webkit-flex;
	display:flex;}
#thankyou_adress > section > .col-1,
.rekord_adress_edit_wrapper > div > .col-1{margin-right:50px}
.rekord_adress_edit_wrapper > div header a {
    color: #E50000;
    text-decoration: underline;}
/* ADRESS EDIT */
form .woocommerce-address-fields > div{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;}
form .woocommerce-address-fields > div p{
	-webkit-flex-basis:50%;
	flex-basis:50%;
	box-sizing:border-box;
	margin-top:0px;}
form .woocommerce-address-fields > div p:nth-child(odd){padding-right:25px}
form .woocommerce-address-fields > div p:nth-child(even){padding-left:25px;}
form .woocommerce-address-fields > div p#billing_phone_field{padding:0 25px 0 0;}
form .woocommerce-address-fields > div p#billing_email_field{padding:0 0 0 25px;}
form .woocommerce-address-fields > div p abbr{
	text-decoration:none;
	color:#E50000;}
/* ORDER DETAIL*/
.rekord_order_info{margin-bottom:25px;}
.rekord_order_info mark{
	color:#000;
	background-color:transparent;
	font-weight:bold;}
table.order_details	tbody tr td{
	padding-bottom: 10px;
    border: none;}
table.order_details	tbody tr td:nth-child(odd),
table.order_details	tfoot tr th {padding-left: 25px;}
table.order_details	tbody tr td:nth-child(even){padding-right: 25px;}
table.order_details	tbody tr:first-child td {padding-top: 25px;}
table.order_details tbody tr:last-child td {padding-bottom: 25px;}

table.order_details	 tfoot tr:nth-child(1) th, 
table.order_details	 tfoot tr:nth-child(1) td {
    padding-top: 10px;
    border-top: 1px solid #e1e1e1;}
table.order_details tfoot tr th {
    font-family: 'poppins_extraboldregular', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;}
table.order_details tfoot tr:last-child th, 
table.order_details tfoot tr:last-child td {
    padding-bottom: 25px;}
table.order_details tfoot .amount{
	color: #E50000;
    font-weight: bold;}
.order-again{display:inline-block;}
.order-again a {
	margin:25px 0px 0px 0px;
    padding: 17px 30px;}
#thankyou_adress > section > .col-1 address p:nth-last-child(2){margin-top:25px;}

/*==========================*|
|*===       GENERAL      ===*|
|*==========================*/		
@media 
		only screen and (max-device-width: 1100px) and ( min-device-pixel-ratio: 1),
		(max-width: 1100px){	
			#header-login .main_nav > ul > li a, 
			#header-login .main_nav > ul > li span, 
			#header-login .main_nav > ul > li a h3, 
			#header-login .main_nav > ul > li span h3{
				color:#000;}
			#header-login .main_nav .box-cart a p {color:#000;}
			#header-login .main_nav .box-cart a p span {color:#fff;}
		}

/*===========================*|
|*===    DESKTOP/LAPTOP   ===*|
|*===========================*/
@media 
		only screen and (min-device-width: 1300px) and (max-device-width: 1599px) and ( min-device-pixel-ratio: 1),
		(min-width: 1300px) and (max-width: 1599px){
			.rekord_account_wrapper {padding: 25px;}
			.rekord_login_title, 
			.rekord_lost_password_content{
				padding-right: 50px;
				box-sizing: border-box;}
		}


/*===========================*|
|*===    LAPTOP/TABLET    ===*|
|*===========================*/
@media 
		only screen and (min-device-width: 1000px) and (max-device-width: 1299px) and ( min-device-pixel-ratio: 1),
		(min-width: 1000px) and (max-width: 1299px){
			.rekord_account_wrapper {padding: 15px;}	
			
			#rekord_account .rekord_account_wrapper table thead{display:none;}
			#rekord_account .rekord_account_wrapper table tbody tr{
				display:-webkit-flex;			
				display:flex;
				-webkit-flex-wrap:wrap;			
				flex-wrap:wrap;
				justify-content:space-between;}			
			#rekord_account .rekord_account_wrapper table tbody tr td{
				width:30%;
				padding:0px 10px;
				text-align:center;
				box-sizing:border-box;
				display:block;
				border:none;}
			#rekord_account .rekord_account_wrapper table tbody tr td:first-child{
				width: 100%;
				padding: 10px 10px 10px 10px;
				text-align: center;
				margin-bottom: 20px;
				background-color: #000;
				color: #fff;}
			#rekord_account .rekord_account_wrapper table tbody tr td:first-child a {color:#fff;}
			#rekord_account .rekord_account_wrapper table tbody tr td:last-child{
				width:100%;
				padding:10px;
				border-bottom:1px solid #e1e1e1;}
			#rekord_account .rekord_account_wrapper .button{margin:0 auto 20px auto;}	

			#rekord_account .rekord_account_wrapper table.order_details{ table-layout: fixed;}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr {display:table-row;}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td:first-child{
				padding: 20px 20px 20px 20px;
				text-align: left;
				margin-bottom: 0px;
				background-color: transparent;
				color:#000;
				display: table-cell;
				vertical-align: inherit;}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td:first-child a {color:#000;}			
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td ul li{list-style:none;}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td ul li p{display:inline;}
			#rekord_account .rekord_account_wrapper table.order_details tbody tr td:nth-child(2){
				text-align:left;
				display: table-cell;
				vertical-align: inherit;
				padding-left:0px;
				padding-right:20px;
				border-bottom:none;}

			#rekord_account .rekord_account_wrapper .order-again .button{
				margin-top:20px;
				margin-bottom:0px;}	

			#thankyou_adress, .rekord_adress_edit_wrapper {
				margin-top: 30px;
				margin-bottom: 30px;}	

			#rekord_account .rekord_account_wrapper .rekord_edit_account_options .button {
				margin:20px auto 0 0;}				
				
			.rekord_login_form {
				min-height: initial;
				margin: 0 auto;}
			#customer_login > div{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}
			.rekord_login_title, .rekord_lost_password_content {
				max-width: 850px;
				-webkit-flex-basis: 100%;
				flex-basis: 100%;}
			h1.rekord_unlogin_title {font-size: 2.5em;}	
			.rekord_login_title, .rekord_lost_password_content{margin: 0 auto 50px auto;}
			#rekord_login_page .woocommerce-notices-wrapper > div, 
			#rekord_login_page .woocommerce-notices-wrapper > ul, 
			#rekord_login_page .woocommerce-info {
				padding: 0px 25px;}
			.rekord_login_content, .rekord_registery_content {padding: 25px 25px 0px;}				
		}
		
/*===========================*|
|*===       TABLET        ===*|
|*===========================*/
@media 
		only screen and (min-device-width: 750px) and (max-device-width: 999px) and ( min-device-pixel-ratio: 1),
		(min-width: 750px) and (max-width: 999px){
			.rekord_account_wrapper {padding: 15px;}		
			#rekord_account .rekord_account_wrapper table thead{display:none;}
			#rekord_account .rekord_account_wrapper table tbody tr{
				display:-webkit-flex;			
				display:flex;
				-webkit-flex-wrap:wrap;			
				flex-wrap:wrap;
				justify-content:space-between;}			
			#rekord_account .rekord_account_wrapper table tbody tr td{
				width:30%;
				padding:0px 10px;
				text-align:center;
				box-sizing:border-box;
				display:block;
				border:none;}
			#rekord_account .rekord_account_wrapper table tbody tr td:first-child{
				width: 100%;
				padding: 10px 10px 10px 10px;
				text-align: center;
				margin-bottom: 20px;
				background-color: #000;
				color: #fff;}
			#rekord_account .rekord_account_wrapper table tbody tr td:first-child a {color:#fff;}
			#rekord_account .rekord_account_wrapper table tbody tr td:last-child{
				width:100%;
				padding:10px;
				border-bottom:1px solid #e1e1e1;}
			#rekord_account .rekord_account_wrapper .button{margin:0 auto 20px auto;}
			
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr {
				-webkit-flex-wrap:initial;
				flex-wrap:initial;
			}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td:first-child{
				width: 100%;
				padding: 10px 20px 10px 20px;
				text-align: left;
				margin-bottom: 0px;
				background-color: transparent;
				color:#000;}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td:first-child a {color:#000;}			
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td ul li{list-style:none;}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td ul li p{display:inline;}
			#rekord_account .rekord_account_wrapper table.order_details tbody tr td:nth-child(2){
				text-align:right;
				display:block;
				padding-right:20px;
				border-bottom:none;}
			#rekord_account .rekord_account_wrapper table.order_details tfoot {display:block;}

			table.order_details tfoot tr{
				display:-webkit-flex;
				display:flex;
				justify-content:space-between;}			
			
			table.order_details tbody tr td:nth-child(odd), 
			table.order_details tfoot tr th {
				padding-right:20px;
				padding-left: 20px;}	
			table.order_details tfoot tr td {
				padding-right:20px;
				padding-left: 20px;}	
			table.order_details tfoot{
				padding-top:25px;
				border-top:1px solid #e1e1e1;}	
			table.order_details tfoot tr:nth-child(1) th, 
			table.order_details tfoot tr:nth-child(1) td{
				border:none;}
				
			#rekord_account .rekord_account_wrapper .order-again .button{
				margin-top:20px;
				margin-bottom:0px;}					
				
			#thankyou_adress, .rekord_adress_edit_wrapper {
				margin-top: 30px;
				margin-bottom: 30px;}
			
			.rekord_account_info p:nth-child(odd){padding-right:10px;}				
			.rekord_account_info p:nth-child(even){padding-left:10px;}	
			.rekord_pass_content {
				width: 100%;
				padding-right:0px;}
			#rekord_account .rekord_account_wrapper .rekord_edit_account_options .button {
				margin:20px auto 0 0;}
		
			.rekord_login_form {
				min-height: initial;
				margin: 0 auto;}
			#customer_login > div{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}
			.rekord_login_title, .rekord_lost_password_content {
				max-width: 850px;
				-webkit-flex-basis: 100%;
				flex-basis: 100%;}
			h1.rekord_unlogin_title {font-size: 1.75em;}	
			.rekord_login_title, .rekord_lost_password_content{margin-bottom:50px;}
			#rekord_login_page .woocommerce-notices-wrapper > div, 
			#rekord_login_page .woocommerce-notices-wrapper > ul, 
			#rekord_login_page .woocommerce-info {
				padding: 0px 25px;}
			.rekord_login_content, .rekord_registery_content {padding: 25px 25px 0px;}
		}	
	
/*===========================*|
|*===   TABLET/SMARTPHONE  ==*|
|*===========================*/
@media 
		only screen and (min-device-width: 550px) and (max-device-width: 749px) and ( min-device-pixel-ratio: 1),
		(min-width: 550px) and (max-width: 749px){
			.rekord_account_wrapper {padding: 15px;}		
			#rekord_account .rekord_account_wrapper table thead{display:none;}
			#rekord_account .rekord_account_wrapper table tbody tr{
				display:-webkit-flex;			
				display:flex;
				-webkit-flex-wrap:wrap;			
				flex-wrap:wrap;}			
			#rekord_account .rekord_account_wrapper table tbody tr td{
				width:100%;
				padding:0px 20px;
				box-sizing:border-box;
				display:block;
				border:none;}
			#rekord_account .rekord_account_wrapper table tbody tr td:first-child{
				width: 100%;
				padding: 10px 10px 10px 10px;
				text-align: center;
				margin-bottom: 20px;
				background-color: #000;
				color: #fff;}
			#rekord_account .rekord_account_wrapper table tbody tr td:first-child a {color:#fff;}
			#rekord_account .rekord_account_wrapper table tbody tr td:last-child{
				padding:10px;
				border-bottom:1px solid #e1e1e1;}
			#rekord_account .rekord_account_wrapper .button{margin:0 auto 20px auto;}		
			
			
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td:first-child{
				width: 100%;
				padding: 10px 10px 10px 10px;
				text-align: left;
				margin-bottom: 0px;
				background-color: transparent;
				color:#000;}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td:first-child a {color:#000;}			
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td ul li{list-style:none;}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td ul li p{display:inline;}
			#rekord_account .rekord_account_wrapper table.order_details tbody tr td:nth-child(2){display:none;}
			#rekord_account .rekord_account_wrapper table.order_details tfoot {display:block;}
				
			table.order_details tbody tr td:nth-child(odd), 
			table.order_details tfoot tr th {
				padding-right:10px;
				padding-left: 10px;}	
			table.order_details tfoot tr td {
				padding-right:10px;
				padding-left: 10px;}	

			#rekord_account .rekord_account_wrapper .order-again .button{
				margin-top:20px;
				margin-bottom:0px;}	
				
			#thankyou_adress, .rekord_adress_edit_wrapper {
				margin-top: 30px;
				margin-bottom: 30px;}
			#thankyou_adress > section, .rekord_adress_edit_wrapper > div{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}
			#thankyou_adress > section > .col-1, .rekord_adress_edit_wrapper > div > .col-1 {
				margin-right: 0px;
				margin-bottom:30px;}				
				
			.rekord_account_info p,
			form .woocommerce-address-fields > div p{
				-webkit-flex-basis: 100%;
				flex-basis: 100%;}
			.rekord_account_info p:nth-child(odd),				
			form .woocommerce-address-fields > div p:nth-child(odd),				
			form .woocommerce-address-fields > div p:nth-child(even),				
			.rekord_account_info p:nth-child(even){padding:0px;}			
			form .woocommerce-address-fields > div p#billing_phone_field {padding: 0 0px 0 0;}			
			form .woocommerce-address-fields > div p#billing_email_field {padding: 0 0px 0 0;}					
			.rekord_pass_content {
				width: 100%;
				padding-right:0px;}
			#rekord_account .rekord_account_wrapper .rekord_edit_account_options .button {
				margin:20px auto 0 0;}
				
			#rekord_login_page .woocommerce-notices-wrapper > div, 
			#rekord_login_page .woocommerce-notices-wrapper > ul, 
			#rekord_login_page .woocommerce-info {
				padding: 0px 25px;}
			.rekord_login_form {min-height: initial;}
			#customer_login > div{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}
			.rekord_login_title, .rekord_lost_password_content {
				max-width: 850px;
				-webkit-flex-basis: 100%;
				flex-basis: 100%;}
			h1.rekord_unlogin_title {font-size: 1.75em;}	
			.rekord_login_title, .rekord_lost_password_content{margin-bottom:50px;}
			
			.rekord_login_form_head_content > div {
				padding: 15px;
				margin-bottom:0px;
				display:flex;
				display:-webkit-flex;
				align-items: center;
				justify-content:center;
				text-align:center;}
			.rekord_login_form_head_content > div h2{font-size:1em;}
			.rekord_login_content, .rekord_registery_content {padding: 25px 25px 0px;}
			.rekord_login_content .form-row{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;
				display:block;}
			.rekord_login_content .form-row .rekord_pass_remeber{margin:0px;}
			.rekord_registery_row{	
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}
			.rekord_registery_row p.login_input_field {
				-webkit-flex-basis: 100%;
				flex-basis: 100%;}
			.rekord_registery_content .rekord_registery_row p.login_input_field:nth-child(2){margin-top:25px;} 				
				
			
		}

/*===========================*|
|*===      SMARTPHONE      ==*|
|*===========================*/
@media 
		only screen and(max-device-width: 549px) and ( min-device-pixel-ratio: 1),
		(max-width: 549px){
			#rekord_shop_my_account{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}
			.rekord_account_nav > div {border-top-left-radius: 0px;}
			.rekord_account_nav nav {padding: 0px 0px 15px 0px;}
			.rekord_account_nav{
				-wekit-flex-basis:100%;
				flex-basis:100%;
				margin:0 auto 25px auto;}		
			.rekord_account_wrapper {
				padding: 15px;
				-webkit-flex-basis: 100%;
				flex-basis: 100%;
				width: 100%;}	
			#rekord_account .rekord_account_wrapper table thead{display:none;}
			#rekord_account .rekord_account_wrapper table tbody tr{
				display:-webkit-flex;			
				display:flex;
				-webkit-flex-wrap:wrap;			
				flex-wrap:wrap;}			
			#rekord_account .rekord_account_wrapper table tbody tr td{
				width:100%;
				padding:0px 20px;
				box-sizing:border-box;
				display:block;
				border:none;}
			#rekord_account .rekord_account_wrapper table tbody tr td:first-child{
				width: 100%;
				padding: 10px 10px 10px 10px;
				text-align: center;
				margin-bottom: 20px;
				background-color: #000;
				color: #fff;}
			#rekord_account .rekord_account_wrapper table tbody tr td:first-child a {color:#fff;}
			#rekord_account .rekord_account_wrapper table tbody tr td:last-child{
				padding:10px;
				border-bottom:1px solid #e1e1e1;}
			#rekord_account .rekord_account_wrapper .button{margin:0 auto 20px auto;}
			
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td:first-child{
				width: 100%;
				padding: 10px 10px 10px 10px;
				text-align: left;
				margin-bottom: 0px;
				background-color: transparent;
				color:#000;}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td:first-child a {color:#000;}			
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td ul li{list-style:none;}
			#rekord_account .rekord_account_wrapper table.order_details  tbody tr td ul li p{display:inline;}
			#rekord_account .rekord_account_wrapper table.order_details tbody tr td:nth-child(2){display:none;}
			#rekord_account .rekord_account_wrapper table.order_details tfoot {display:block;}
				
			.rekord_account_info p,
			form .woocommerce-address-fields > div p{
				-webkit-flex-basis: 100%;
				flex-basis: 100%;}
			.rekord_account_info p:nth-child(odd),				
			form .woocommerce-address-fields > div p:nth-child(odd),				
			form .woocommerce-address-fields > div p:nth-child(even),				
			.rekord_account_info p:nth-child(even){padding:0px;}			
			form .woocommerce-address-fields > div p#billing_phone_field {padding: 0 0px 0 0;}			
			form .woocommerce-address-fields > div p#billing_email_field {padding: 0 0px 0 0;}			
			.rekord_pass_content {
				width: 100%;
				padding-right:0px;}
			#rekord_account .rekord_account_wrapper .rekord_edit_account_options .button {
				margin:20px auto 0 0;}
				
			table.order_details tbody tr td:nth-child(odd), 
			table.order_details tfoot tr th {
				padding-right:10px;
				padding-left: 10px;}	
			#rekord_account .rekord_account_wrapper .order-again .button{
				margin-top:20px;
				margin-bottom:0px;}	
				
			#thankyou_adress, .rekord_adress_edit_wrapper {
				margin-top: 30px;
				margin-bottom: 30px;}
			#thankyou_adress > section, .rekord_adress_edit_wrapper > div{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}
			#thankyou_adress > section > .col-1, .rekord_adress_edit_wrapper > div > .col-1 {
				margin-right: 0px;
				margin-bottom:30px;}		


			#rekord_login_page .woocommerce-notices-wrapper > div, 
			#rekord_login_page .woocommerce-notices-wrapper > ul, 
			#rekord_login_page .woocommerce-info {
				padding: 0px 10px;}
			.rekord_login_form {min-height: initial;}
			#customer_login > div{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}
			.rekord_login_title, .rekord_lost_password_content {
				max-width: 850px;
				-webkit-flex-basis: 100%;
				flex-basis: 100%;}
			h1.rekord_unlogin_title {font-size: 1.75em;}	
			.rekord_login_title, .rekord_lost_password_content{margin-bottom:50px;}
			
			.rekord_login_form_head_content > div {
				padding: 15px;
				margin-bottom:0px;
				display:flex;
				display:-webkit-flex;
				align-items: center;
				justify-content:center;
				text-align:center;}
			.rekord_login_form_head_content > div h2{font-size:1em;}
			.rekord_login_content, .rekord_registery_content {padding: 25px 10px 0px;}
			.rekord_login_content .form-row{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;
				display:block;}
			.rekord_login_content .form-row .rekord_pass_remeber{margin:0px;}
			.rekord_registery_row{	
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}
			.rekord_registery_row p.login_input_field {
				-webkit-flex-basis: 100%;
				flex-basis: 100%;}
			.rekord_registery_content .rekord_registery_row p.login_input_field:nth-child(2){margin-top:25px;} 
				
		}