/* ==================== GENERAL STYLES ==================== */
/* ===== HEADER STYLES ===== */
/* ===== FOOTER STYLES ===== */
/* ==================== HOME PAGE STYLES ==================== */
/* ==================== CATEGORY PAGE STYLES ==================== */
/* ==================== SEARCH PAGES STYLES ==================== */
/* ==================== CART PAGES STYLES ==================== */
/* ==================== CMS PAGES STYLES ==================== */


/* ==================== GENERAL STYLES ==================== */
.column.main .cart-discount .block {
	width: 100%;
}
/* ==================== CATEGORY PAGE AND SEARCH PAGES ==================== */
.fieldset > .field .addon input {
 	max-width: 100%;
}

/* ==================== PRODUCT PAGE STYLES ==================== */
.catalog-product-view .product-info-main .box-tocart .actions {
	vertical-align: top;
}
.fotorama--fullscreen .fotorama__fullscreen-icon:before {
    content: "\f819";
}

/* ==================== CUSTOMER ACCOUNT  ==================== */

/* ==================== CART, MINICART AND CHECKOUT PAGE  ==================== */
.cart-container .cart.items.data.table .item .item-info .col.qty .field.qty .control.qty {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cart-container .cart.items.data.table .item .item-info .col.qty .field.qty .control.qty .input-text {
	-ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.cart-container .cart.items.data.table .item .item-info .col.qty .field.qty .control.qty .qty-changer {
	-ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.cart-container .cart.items.data.table .item .item-info .col.qty .field.qty .control.qty div.mage-error[generated] {
	-ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}
/* ==================== CMS PAGES ==================== */

/* ==================== CUSTOM STYLES ====================*/


/* breakpoints */
@media screen and (max-width: 767.98px) {

}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

}

/* Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
	.account.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) {
	    border: none;
	    display: block;
	}
	.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody,
	.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr {
		display: block;
	}
	.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:first-child {
		padding-top: 15px;
	}
	.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td,
	.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th {
	    border-bottom: none;
	    display: block;
	    padding: 4.5px 9px;
	    border-top: none;
	}
	.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before, 
	.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before {
	    padding-right: 9px;
	    content: attr(data-th) ': ';
	    display: inline-block;
	    color: #555555;
	    font-weight: 700;
	}
	.account .data.table.table-order-items.recent thead,
	.account .data.table thead {
		display: none;
	}
	.account .account-nav .nav>li>a:before {
		left: 20px;
	}

}

/* Large devices (desktops, less than 1200px) */
@media screen and (max-width: 1199.98px) {
	.account.page-layout-2columns-left .page-wrapper .columns .sidebar-main,
	.account.page-layout-2columns-left .page-wrapper .columns .column.main {
		width: 100%;
	}
}

/* mixed breakpoints  */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.account .page-wrapper .account-nav .nav>li>a:before {
		left: 5px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}