/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}
@media (min-width: 768px) {
    .account.page-layout-2columns-left .column.main {
        width: 76.5%;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) and (min-width: 768px) {
    .block-search {
        max-width: 260px;
    }
}
@media (max-width: 991.98px) {
    /* header */
    header .logo {
        margin-top: 10px;
    }
    header .main-panel-inner div[class*=col] ul li:not(:last-child) {
        margin-right: 25px;
    }
    .block-search input {
        padding-left: 20px;
    }

    /* homepage */
    .cms-index-index .hp-links {
        margin-left: 0;
        padding-left: 0;
        padding-right: 15px;
    }
    .hp-links > ul > li:not(:last-child) {
        margin-right: 35px;
    }
    .cms-index-index .categories-col {
        margin-right: 15px;
    }
    .categories-col:not(.categories-mobile-col) {
        display: none;
    }
    .categories-col .navigation {
        left: 20px;
    }
    .carousel-row {
        padding-top: 10px;
    }
    .carousel-side-col {
        margin-top: 10px;
    }
    .carousel-side-col a {
        display: inline-block;
        width: calc(50% - 5px);
    }
    .carousel-side-col a + a {
        float: right;
    }
    #onsale-banners a {
        max-width: 100%;
        width: 100%;
        float: none;
    }
    #onsale-banners a img {
        width: 100%;
    }
    .block-title a {
        width: 100%;
        float: none !important;
        display: block;
        text-align: right;
    }
    #shipping > .container > div {
        width: 40%;
    }

    /* category */
    #top-bar .category-col {
        min-width: 170px;
    }
    .category-imgdesc-container {
        margin-top: 0;
    }
    .category-image {
        top: 0;
        height: 100%;
    }
    .block-category-list .block-content ol li.item a {
        font-size: 13px;
    }
    .block-category-list .block-content, .filter-options-content, .block-category-list .block-title {
        padding-left: 40px;
        padding-right: 30px;
    }

    /* product */
    .catalog-product-view .box-tocart .action.tocart > span {
        padding-right: 50%;
        font-size: 12px;
    }
    .catalog-product-view .old-price-container .old-price {
        position: relative;
        top: -5px;
    }
    .block.upsell .title {
        padding-bottom: 40px;
    }

    /* cart */
    .cart.table-wrapper .col.qty,
    .cart.table-wrapper .col.price,
    .cart.table-wrapper .col.subtotal,
    .cart.table-wrapper .col.msrp {
        box-sizing: border-box;
        display: block;
        float: left;
        white-space: nowrap;
        width: 33%;
    }
    .cart.table-wrapper .col.qty:before,
    .cart.table-wrapper .col.price:before,
    .cart.table-wrapper .col.subtotal:before,
    .cart.table-wrapper .col.msrp:before {
        content: attr(data-th);
        display: block;
        font-weight: 600;
        padding-bottom: 10px;
    }
    .cart.table-wrapper thead .col.item,
    .cart.table-wrapper thead .col.qty,
    .cart.table-wrapper thead .col.price,
    .cart.table-wrapper thead .col.subtotal,
    .cart.table-wrapper thead .col.msrp {
        display: none;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    /* header */
    .header.content {
        margin-top: 0;
    }
    .nav-open header .sections.nav-sections,
    .navigation li.level0 > a.ui-state-active {
        background: #ffffff !important;
    }
    .navigation li.level0 > a.ui-state-active + .submenu {
        background: #f7f7f7 !important;
    }
    header.page-header .nav-sections-item-title,
    .page-header .main-panel-top li:not(:first-child),
    header .main-panel-inner div[class*=col]:first-child:before,
    .ui-menu-item.all-category {
        display: none;
    }
    .page-header .main-panel-top .container {
        background: #f0f0ed !important;
        padding-top: 5px;
        text-align: center;
    }
    .page-header .main-panel-top .container .panel.header {
        padding: 0 !important;
    }
    header .main-panel-inner div[class*=col] ul li:not(:last-child) {
        margin-right: 0;
    }
    header.page-header .nav-sections-item-content {
        display: block !important;
        margin-top: 5px;
    }
    header.page-header .nav-sections-item-content a:hover {
        color: #777777 !important;
    }
    .page-header.type2.header-newskin .minicart-wrapper {
        width: auto;
        margin-top: 9px;
    }
    .header > ul.header.links {
        position: static;
        float: right;
        margin: 16px 10px 0 0;
    }
    header.page-header.type2 a.action.my-wishlist {
        margin-right: 10px;
    }
    .header.links .customer-welcome {
        position: relative;
    }
    .customer-welcome .customer-menu {
        display: none;
    }
    .customer-welcome.active .customer-menu,
    .customer-welcome:hover .customer-menu,
    .greet.welcome:hover + .customer-welcome .customer-menu {
        display: block;
    }
    .customer-welcome .header.links {
        min-width: 175px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
        border-radius: 0;
        left: auto;
        right: 0;
        background: #ffffff;
        border: 0;
        z-index: 101;
        box-sizing: border-box;
    }
    .customer-welcome ul {
        top: 14px !important;
    }
    .customer-welcome ul li {
        margin: 0;
        padding: 0;
    }
    .customer-menu .header.links a {
        color: #777 !important;
        display: block;
        line-height: 1.4;
        padding: 8px;
    }
    .customer-welcome li a:visited,
    .customer-welcome li a:active {
        color: #333333;
        text-decoration: none;
    }
    .customer-welcome .header.links:before,
    .customer-welcome .header.links:after {
        left: auto;
        content: '';
        display: block;
        height: 0;
        position: absolute;
        width: 0;
    }
    .customer-welcome .header.links:before {
        right: 10px;
        top: -12px;
        border: 6px solid;
        border-color: transparent transparent #ffffff transparent;
        z-index: 99;
    }
    .customer-welcome .header.links:after {
        right: 9px;
        border-bottom-color: #ccc;
        top: -14px;
        border: 7px solid;
        border-color: transparent transparent #bbbbbb transparent;
        z-index: 98;
    }
    span.logged-in {
        max-width: 125px;
    }
    span.logged-in:after {
        content: '\e90e';
        font-family: 'angelmercatone';
        color: #000000;
        font-size: 24px;
        margin-left: 10px;
        vertical-align: sub;
    }
    .page-header.type2.header-newskin .minicart-wrapper .block-minicart:before {
        right: 20px;
    }
    .page-header.type2.header-newskin .minicart-wrapper .block-minicart:after {
        right: 19px;
    }
    .page-header.type2.header-newskin .block-search .label {
        margin-right: 15px;
        margin-top: 8px;
    }
    .page-header.type2.header-newskin .block-search .label:before {
        content: '\e884';
        font-weight: 900;
        color: #000000;
        margin: 0;
    }
    .form.minisearch.active .control {
        border-radius: 0;
        position: inherit !important;
        background: transparent;
        width: inherit !important;
    }
    .autocomplete-suggestions {
        border-radius: 0;
        border: 1px solid #bbb;
        width: calc(100% - 30px) !important;
    }

    /* main container */
    .page-main {
        padding-bottom: 0;
    }

    /* homepage */
    .hp-links,
    .categories-col {
        display: none;
    }
    .carousel-row {
        padding-top: 0;
    }
    .carousel-side-col a {
        height: auto;
    }
    #onsale-banners .clearfix {
        padding-top: 0;
    }
    #categories div[class*=col] {
        padding-bottom: 15px;
    }
    #categories .inner-wrap {
        padding: 30px 30px 20px;
        height: 220px;
    }
    .block-title h2 {
        font-size: 20px;
    }
    .block-title a {
        font-size: 12px;
        text-align: center;
    }
    #onsale .product-item,
    #pinned-categories .product-item {
        width: 50% !important;
    }
    #pinned-categories img:not(.product-image-photo) {
        max-height: 190px;
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: 0 10%;
    }
    #shipping > .container {
        padding-top: 0;
        display: block !important;
        text-align: center;
    }
    #shipping > .container > div {
        width: 45%;
        display: inline-block;
        padding-top: 30px;
    }
    #shipping > .container > div img {
        max-width: 150px;
    }
    #shipping > .container > div:not(:last-child):after {
        display: none;
    }

    /* footer */
    footer #newsletter h2 {
        font-size: 25px;
    }
    footer #newsletter h3,
    footer #newsletter h3 em {
        font-size: 16px;
    }
    .footer-logo {
        max-width: 150px;
    }
    footer #newsletter .block.newsletter {
        width: 100%;
    }
    footer #footer-middle div[class*=col] {
        padding-bottom: 15px;
    }
    footer #footer-middle * {
        font-size: 13px;
    }
    footer #footer-bottom div[class*=col] {
        padding-bottom: 15px;
    }
    #legal p {
        font-size: 10px;
    }

    /* category */
    #top-bar,
    .catalog-category-view .sidebar.sidebar-main .block-category-list,
    .toolbar .toolbar-amount {
        display: none;
    }
    .toolbar-products * {
        font-size: 12px !important;
    }
    .block-title {
        border-bottom: 0;
    }
    .page-products .toolbar .limiter {
        display: inline-block;
    }

    /* product */
    .catalog-product-view .page-main {
        padding-bottom: 50px;
    }
    .catalog-product-view .product-info-main {
        padding-left: 0;
    }
    .product-info-main .custom-block li div {
        font-size: 10px;
    }
    .product-social-links {
        margin: 0 0 -20px 0;
        padding-top: 30px;
    }
    .at-share-btn-elements {
        text-align: left;
    }
    .product.info.detailed {
        padding-left: 0;
    }
    .product.data.items > .item.title > .switch, .product.data.items > .item.title > .switch:hover,
    .product.data.items > .item.title.active > .switch,
    .product.data.items > .item.title.active > .switch:hover {
        font-size: 18px;
    }
    .block.upsell {
        padding-left: 10px;
    }
    .products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots {
        text-align: center;
    }

    /* cart */
    .cart.table-wrapper .action-towishlist:before {
        content: '\e90d';
        font-family: 'angelmercatone';
        color: #999999;
        font-size: 14px;
        padding-left: 1px;
    }

    /* account */
    .account .column.main {
        order: 2;
    }
    .account .toolbar {
        padding-bottom: 10px;
    }
    .account .toolbar * {
        font-size: 12px !important;
    }
    .account .toolbar:last-of-type {
        display: none;
    }
    .account .actions-toolbar > .primary .action {
        width: auto;
    }
    .account .toolbar .toolbar-amoun {
        display: inline-block;
        float: right;
    }
    .account .toolbar .limiter {
        float: left;
        clear: none;
    }

    /* product not available */
    .na-product form {
        position: relative;
        left: auto;
        display: inline-flex;
        max-width: 80%;
        bottom: auto;
    }
}

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

}
@media (max-width: 400px) {
    span.logged-in {
        max-width: 34px;
        color: #ffffff;
        position: relative;
    }
    span.logged-in:after {
        color: #f33534;
        position: absolute;
        left: -2px;
    }
}
@media (max-width: 370px) {
    .authorization-link.not-logged-in a {
        color: #ffffff;
        max-width: 35px;
        position: relative;
    }
    .authorization-link.not-logged-in a:after {
        position: absolute;
        top: 0;
        left: -2px;
    }
}