body.page-scrolled{ overflow-x: hidden;}
header.main-header > .wrapper > span{ display: flex; align-items: center;}
header.main-header .cart_icon__{padding-left:0;}
header.main-header > .wrapper > span a.added_to_cart{ display: flex; align-items: center; column-gap: 5px;}
header.main-header .logoutIcon img, header.main-header .loginIcon img{ vertical-align: middle;}
main .common-page{
	max-width: 1670px;
    margin: 0 auto;
    padding: 50px;
	min-height: calc(100vh - 440px);
}

main .common-page:has(.large-wrapper > .woocommerce > h2) .title-bar{
	display: none;
}
.page-content > div > .woocommerce:has(form.login){
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.page-content > div > .woocommerce .woocommerce-form-login{
	width: 100%;
	max-width: 330px;
	border: 0;
	margin: 30px 0 0 0;
	padding: 0;
	display: flex;
    flex-direction: column;
    gap: 8px;
}
.page-content > div > .woocommerce .woocommerce-form-login p.form-row:not(.form-row-wide){
	margin: 20px 0;
}

.page-content > div > .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{
	margin-top: 6px;
	display: inline-flex;
    column-gap: 6px;
}

.page-content > div > .woocommerce{
	display: flex;
	flex-wrap: wrap;
	margin-top:30px;
}

.page-content > div > .woocommerce .woocommerce-notices-wrapper{ width: 100%;}
.woocommerce-MyAccount-navigation{ width: 225px; font-size: 18px;}
.woocommerce-MyAccount-navigation ul li{ margin: 0 0 15px 0; }
.woocommerce-MyAccount-navigation ul li a{position: relative; opacity: 0.6;}
.woocommerce-MyAccount-navigation ul li a:after{position: absolute; content: " "; display: block; width: 100%; bottom: -2px; left: 0; height: 1px; background: #666; opacity:0; transition: all 0.5s ease;}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover{ opacity: 1;}
.woocommerce-MyAccount-navigation ul li.is-active a:after{ opacity: 1;}
.woocommerce-MyAccount-navigation ul li:last-child{ margin-top: 30px;}
.woocommerce-MyAccount-content{width: calc(100% - 225px)}
.woocommerce-MyAccount-content form label, .woocommerce form .form-row label{ font-size: 14px;}
.woocommerce .woocommerce-MyAccount-content form .form-row .input-text, .woocommerce .woocommerce-MyAccount-content form .form-row select{border-color: #e7e7e7; border-radius: 12px;}
.woocommerce-EditAccountForm{ max-width: 800px;}
.woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm > fieldset{margin:60px 0 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm > fieldset > legend{ color: #000; margin-bottom: 20px;}
.woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm > fieldset .form-row, .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm > fieldset .form-row:nth-of-type(1) .password-input{ width: 47%;}
.woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm > fieldset .form-row:nth-of-type(1){ width: 100%;}
.woocommerce .select2-container .select2-dropdown, .woocommerce .select2-container .select2-selection{ border-radius: 12px;}
.woocommerce .select2-container:not(.select2-container--open) .select2-dropdown, .woocommerce .select2-container:not(.select2-container--open) .select2-selection{ border-radius: 12px; border-color: #e7e7e7;}

#account_display_name_description{font-size: 12px;}
.page-content > div > .woocommerce button.button, .woocommerce .woocommerce-MyAccount-content button.woocommerce-Button{transition: all 0.5s ease; background:#2c2c2c; border: 1px solid #2c2c2c; color: #fff; border-radius: 12px; text-transform: uppercase; font-weight: normal;}
.woocommerce .woocommerce-MyAccount-content button.woocommerce-Button:hover, .page-content > div > .woocommerce button.button:hover{ background:#fff; color: #2c2c2c;}
.page-content .woocommerce table.my_account_orders th{ text-transform: uppercase; color:#000;}
.page-content .woocommerce table.my_account_orders td, .page-content .woocommerce table.my_account_orders th{ padding: 7px 10px;}
.page-content .woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions, .page-content .woocommerce table.my_account_orders th.woocommerce-orders-table__header-order-actions{ text-align: right;}
.page-content > div > .woocommerce table.my_account_orders{max-width: 900px;}
.woocommerce-MyAccount-content a{ text-decoration: underline;}
.woocommerce-MyAccount-content a:hover, .woocommerce table.my_account_orders .button.view:hover{ text-decoration: none;}
.woocommerce table.my_account_orders .button.view{ background: none; padding:0; text-decoration: underline;}
.page-content .woocommerce header.woocommerce-Address-title, .page-content .woocommerce header.woocommerce-Address-title h2{ margin-bottom: 10px;}
.page-content .woocommerce .woocommerce-address-fields__field-wrapper{ max-width: 800px; margin-bottom: 30px;}
.woocommerce .woocommerce-MyAccount-content .woocommerce-order-details, .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details{ max-width: 900px;}
.woocommerce table.shop_table.order_details th.product-total{ width: 200px;}
.page-content > div > .woocommerce input:-webkit-autofill,
.page-content > div > .woocommerce input:-webkit-autofill:hover,
.page-content > div > .woocommerce input:-webkit-autofill:focus,
.page-content > div > .woocommerce input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected], body .select2-container--default .select2-results__option--highlighted[data-selected]{ background-color:#2cc3e2;}



@media screen and (max-width: 980px) {
	header.main-header > .wrapper > span a{ margin-left: 20px; display: inline-block;}
	.woocommerce-MyAccount-navigation{ width: 155px; font-size: 17px;}
	.woocommerce-MyAccount-content{width: calc(100% - 155px)}
	main .common-page{ padding: 25px;}
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	.page-content .woocommerce table.my_account_orders th:nth-child(1){width: 90px;}
	.page-content .woocommerce table.my_account_orders th:nth-child(3){width: 120px;}
	.page-content .woocommerce table.my_account_orders th:nth-child(5){width: 100px;}
}
@media screen and (max-width: 768px){
	.woocommerce table.shop_table_responsive, .woocommerce-page table.shop_table_responsive{ border: 0px !important;}
	.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{ margin-bottom: 10px; border: 1px solid rgba(0,0,0,.1); border-top: 0px;}
	.woocommerce-MyAccount-content .woocommerce-Address{ margin-bottom: 30px;}
	.woocommerce form .form-row label{ line-height: normal;}
}

@media screen and (max-width: 767px) {
	header.main-header{padding-top:20px;}
	header.main-header > .wrapper > span a{ margin-left: 15px; font-size: 14px;}
	header.main-header > .wrapper > span a.profileNav span{ display: none;}
	.main-header .wrapper, main .common-page, .about-us-section .wrapper, .contact-us-section .wrapper{ padding: 0 15px;}
	main .common-page{ padding-top: 20px;}
	main .common-page h1{ font-size: 30px;}
	main .common-page h2{ font-size: 26px;}
	header.main-header .logoutIcon, header.main-header .loginIcon{ display: inline-block;}
	.page-content > div > .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{ margin-top: 3px;}
	.page-content .woocommerce-MyAccount-navigation, .page-content .woocommerce-MyAccount-content{ width: 100%;}
	.page-content .woocommerce-MyAccount-navigation ul {width: 100%; display: flex; justify-content: space-between; margin-bottom: 40px;}
	.page-content .woocommerce-MyAccount-navigation ul li{ margin:0;}
}

@media screen and (max-width: 500px) {
	.page-content .woocommerce-MyAccount-navigation{ font-size: 15px;}
}

@media screen and (max-width: 400px) {
	header.main-header > .wrapper > span a{ margin-left: 10px; font-size: 13px;}
}
