@media (min-width: 992px) {
    .cart-link {
        position: absolute;
        right: 15px;
    }

    .cart-inner {
        right: 0;
    }

    .submenu-menu-title {
        display: none !important;
    }

}

@media (min-width: 426px) and (max-width: 991px) {
    .cart-inner {
        width: 420px !important;
        line-height: 15px;
    }
}

@media (max-width: 425px) {
    .open-cart {
        overflow: hidden;
    }

    .open-cart .shadow {
        position: fixed;
        background: rgba(0, 0, 0, 0.4);
        top: 50px;
        height: 100%;
        width: 100%;
        left: 0;
        display: block;
        z-index: 12;
    }

    .cart-inner {
        z-index: 13;
        top: 34px !important;
        box-shadow: none;
        right: 15px;
        line-height: 15px;
    }

    .cart-mini-title {
        display: block;
        color: black;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        text-align: left;
        padding: 24px;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 20px;
    }

    .cart-mini-btn-wrap {
        display: block;
        padding: 0 15px 25px 15px;
    }

    .cart-small-action .cart-small-col a,
    .cart-mini-btn {
        border: none;
        display: block;
        background: none;
        color: white;
        background: #efab26;
        text-transform: uppercase;
        line-height: 40px;
        text-align: center;
        border-radius: 2px;
        width: 100%;
        font-size: 20px;
    }

    .cart-small-name {
        color: black;
        text-align: left;
    }

    .cart-small-price,
    .cart-mini-info {
        text-align: left !important;
    }

    .cart-mini-total {
        display: block;
        text-align: center;
        border-bottom: 1px solid #eee;
        padding: 3px;
        color: black;
        text-transform: uppercase;
    }

    .cart-small-price {
        color: black;
        padding: 5px 0;
        padding-top: 9px;
    }

    .cart-small-qty {
        line-height: 27px !important;
    }

    .cart-small-qty .action {
        color: black !important;
        background: none !important;
        width: 26px !important;
    }

    .cart-action-td {
        padding-right: 2px;
        text-align: right;
    }

    .cart-small-action {
        padding: 15px 15px 28px 15px;
    }

    .cart-small-action .cart-small-col {
        width: 100%;
    }

    .cart-small-action .cart-small-col:first-child {
        display: none;
    }

    .cart-small-total,
    .cart-small-summ,
    .cart-small-delete {
        display: none;
    }

    .cart-small-size {
        margin-top: 7px;
        font-size: 11px;
        display: block;
        color: #bcbcbc;
    }

    .cart-inner .product-to-favorite {
        margin-left: 11px;
    }

    .cart-line {
        padding: 10px;
    }

    .cart-small-delete-icon {
        display: block;
        font-size: 20px;
    }
}

@media (max-width: 991px) {

    .submenu-menu-title {
        display: block;
        padding-left: 15px;
        padding-bottom: 9px;
        padding-top: 9px;
        text-transform: uppercase;
    }

    .categories-items label {
        position: relative;
    }

    .categories-items > ul > li {
        position: relative;
    }

    .categories-items > ul > li > .icon.is-open {
        transform: rotate(90deg);
    }

    .categories-items > ul > li > .icon {
        position: absolute;
        right: 15px;
        top: 12px;
        font-size: 16px;
        transition: all .3s ease-in-out;
    }

    .categories-items > ul > li > ul {
        display: none;
    }

    .categories-items > ul > li > .icon:after {
        font-family: 'FontAwesome';
        content: "\f105";
    }

    .top-filters.is-show .mobile-filter {
        display: block;
    }

    .mobile-filter {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 1111;
    }

    .mobile-filter .filter-wrap {
        display: block;
        border-bottom: 1px solid #eeefef;
        padding: 18px 15px;
    }

    .mobile-filter-title,
    .filter-items-title {
        display: block;
        text-align: center;
        font-weight: bold;
        padding: 15px;
        font-size: 13px;
        position: relative;
    }

    .filter-wrap-title {
        position: relative;
        font-size: 13px;
    }

    div[modal-type="auth"] .modal-dialog,
    div[modal-type="registration"] .modal-dialog,
    div[modal-type="forgot_password"] .modal-dialog {
        margin: 10px auto;
    }

    .top-filters .filter-wrap-title {
        margin-right: 15px;
    }

    .top-filters .filter-wrap-title span {
        position: absolute;
        right: -15px;
        top: -4px;
        transform: rotate(180deg);
    }

    .filter-items > ul > li {
        padding: 11px 15px;
        border-bottom: 1px solid #eeefef;
    }

    .filter-items > label {
        padding: 10px 15px 15px 15px;
        border-bottom: 1px solid #eeefef;
    }

    .filter-items ul ul {
        margin-top: 10px;
        padding-left: 30px;
    }

    .top-filters .filter-items {
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 1112;
        border: none;
        overflow: auto;
        padding-bottom: 70px;
    }

    .mobile-filter-title .close-filter {
        color: #c1c1c1;
        position: absolute;
        height: 18px;
        right: 15px;
        top: 15px;
        font-size: 18px;
    }

    .fav-title {
        margin: 25px 0 40px 0 !important;
    }

    .fav-list .product-item {
        margin-bottom: 10px;
    }

    .filter-wrap.type-two input {
        float: right;
        margin-right: 0;
        margin-left: 10px;
    }

    .filter-items-title .fa-angle-left {
        position: absolute;
        left: 0;
        top: 15px;
        font-size: 20px;
        width: 40px;
        text-align: left;
        padding-left: 15px;
    }

    .default-text {
        border-top: 1px solid #d9dada !important;
        margin-top: 30px;
    }

    .default-text .product-inner-description-title {
        text-transform: none !important;
    }

    .filter-mobile-actions {

        display: flex;
        padding: 28px 10px;
        width: 100%;
        background: white;
    }

    .filter-wrap.is-opened .filter-mobile-actions {
        z-index: 1112;
    }

    .filter-mobile-actions a:first-child,
    .filter-mobile-actions span:first-child {
        margin-right: 16px;
    }

    .filter-mobile-actions a:last-child,
    .filter-mobile-actions span:last-child {
        margin-left: 16px;
    }

    .sort-action span {
        margin: 0 5px !important;
    }

    .filter-mobile-actions a,
    .filter-mobile-actions span {
        text-decoration: none;
        background: #efab26;
        padding: 11px 5px;
        display: block;
        width: 100%;
        margin: 0 5px;
        font-weight: bold;
        color: white;
        text-transform: uppercase;
        text-align: center;
        border-radius: 2px;
    }

    #modal-custom[modal-type="preorder"] .modal-dialog {
        margin: 15px;
    }

    .kit-body .product-name,
    .kit-body .product-sale,
    .kit-body .product-to-favorite-mini,
    .product-grid-article {
        display: none;
    }

    .kit-body .product-price {
        text-align: center;
    }

    .product-item .product-price {
        font-size: 15px;
        margin-top: 10px;
    }

    .product-item .product-name,
    .product-item .product-description {
        min-height: 1px;
    }

    .pagination {
        margin-top: 40px;
    }

    .pagination .fa {
        font-size: 20px;
        color: black;
    }

    .kit-body .product-plus {
        display: block;
        margin-top: 20px;
        text-align: center;
    }

    .kit-body .product-plus a {
        display: inline-block;
        line-height: 40px;
        width: 80px;
        text-align: center;
        background: #efab26;
        color: white;
        font-size: 24px;
    }

    .kit-body .product-price {
        margin-top: 10px;
    }

    .prev-catalog .product-price .sale,
    .kit-body .product-price .sale {
        display: block;
    }

    .product-price,
    .product-name {
        text-align: left;
    }

    .product-price {
        font-size: 17px;
        margin-top: 27px;
    }

    .product-price .fa {
        font-size: 16px;
        margin-left: 3px;
    }

    .info-o {
        width: 15px;
        height: 15px;
        margin-left: 1px;
    }

    .product-choose {
        margin-top: 22px;
        margin-bottom: -8px;
    }

    .product-choose a {
        margin: 0 5px 8px 0;
    }

    .product-choose-title {
        margin-bottom: 22px;
    }

    .product-store {
        margin-top: 30px;
    }

    .product-name {
        font-size: 11px;
    }

    .product-sale {
        border-radius: 0;
        background: #efab26;
        color: white;
        border: none;
        line-height: 19px;
        width: 36px;
        font-size: 11px;
    }

    .product-list-wrap {
        padding: 8px;
    }

    .product-list-wrap .product-item {
        margin: 0 8px;
        margin-bottom: 15px;
        padding: 0;
    }

    .product-pic {
        height: 160px;
    }

    .product-pic img {
        max-height: 160px;
    }

    .product-description {
        margin: 6px 0px 0px 0px
    }

    .product-item:hover {
        border: 1px solid transparent;
        border-bottom: none;
    }

    .product-grid-btn {
        display: none !important;
    }

    .prev-catalog .product-price {
        text-align: center;
    }

    .product-to-favorite-mini {
        top: 0;
    }

    .product-to-favorite-mini {
        opacity: 1;
    }

    .product-sale:before {
        content: "-";
        margin-right: 2px;
    }

    .top-filters {
        background: #eeefef;
        margin-left: -15px;
        margin-right: -15px;
        padding: 11px 15px;
        margin-bottom: 15px;
    }

    .mobile-filter .filter-wrap-title.has-checked:after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-left: 5px;
        opacity: .6;
        background: #efab26;
        border-radius: 100px;
    }

    .top-filters .filter-wrap {
        margin-bottom: 0;
    }

    .filter-btn-mobile {
        display: block;
        font-size: 13px;
        float: left;
    }

    .pagination {
        width: 100%;
        display: flex;
    }

    .prev-page {
        flex-grow: 1;
        text-align: left;
        min-width: 25px;
    }

    .next-page {
        min-width: 25px;
        flex-grow: 1;
        text-align: right;
        justify-content: flex-end;
    }

    .next-page > a {
        float: none !important;
    }

    .breadcrumb {
        margin-top: 11px;
    }

    .category-name {
        margin-top: 55px;
        font-size: 14px;
    }

    .header-row {
        display: flex;
        align-items: center;
        padding: 6px 0;
    }

    .small-logo {
    }

    .small-logo img {
        max-width: 100%;
        height: 28px;
    }

    .cart-link > a,
    .cart-link > a > span {
        line-height: 100%;
    }

    .cart-link > a {
        position: relative;
    }

    .favorite-header.not-empty:before {

        right: -3px;
        top: 0;
    }

    .cart-link > a.not-empty:after {
        content: "";
        position: absolute;
        right: -2px;
        top: 0;
        height: 8px;
        width: 8px;
        background: rgb(62, 179, 1);
        border-radius: 100px;
    }

    .header-menu {
        position: fixed;
        top: 50px;
        left: -100%;
        width: calc(100vw - 74px);
        z-index: 100;
        background: white;
        height: 100%;
        transition: all 0.2s ease-in-out 0s;
        padding: 0;
        overflow: auto;
        border-top: 1px solid #eee;
    }

    .header-menu ul li .submenu::after {
        border-color: transparent transparent #efefef transparent;
    }

    .header-menu ul li .submenu,
    .header-menu ul li .submenu .submenu {
        display: block;
        left: auto;
        top: auto;
        width: 100%;
        border: none;
        position: relative;
    }

    .header-menu ul li .submenu {
        background: #efefef;
    }

    .header-menu ul li .submenu a {
        font-size: 13px;
        padding: 9px 0;
        padding-left: 15px;
    }

    .header-menu ul li .submenu .submenu {
        background: rgba(160, 160, 160, 0.5);
        display: none;
    }

    .header-menu ul li {
        display: block;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    .header-menu ul li a {
        padding: 15px;
    }

    .header-nav {
        margin-top: 0;
    }

    .header {
        padding: 0;
    }

    .header-phone,
    .header-user {
        margin-bottom: 7px;
    }

    .header-phone {
        float: left;
        margin-top: 0;
    }

    .header .header-cart {
        white-space: nowrap;
    }

    .header .header-cart > a,
    .header .header-cart > span {
        display: inline-block;
        text-align: right;
        color: #bcbcbc;
    }

    .header .header-cart > .cart-link {
        margin-left: 17px;
    }

    .header .header-cart > span img {
        height: 18px;
    }

    .small-menu {
        line-height: 35px;
        font-size: 20px;
    }

    .menu-open {
        overflow: hidden;
    }

    .menu-open .open-menu {
        display: none;
    }

    .menu-open .close-menu {
        display: inline-block;
    }

    .menu-open .shadow {
        display: block;
        top: 50px;
        background: rgba(0, 0, 0, 0.4);
    }

    .menu-open .header-menu {
        left: 0;
    }

    .cart-inner {
        top: 40px;
    }

    .header-menu ul li a {
        padding: 7px 15px;
        text-transform: uppercase;
        font-size: 13px;
    }

    .header-menu ul li .submenu,
    .header-menu ul li .submenu .submenu {
        display: none;
    }

    .header-menu ul li.has-submenu:after {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 20px;
        position: absolute;
        top: 6px;
        right: 18px;
    }

    .categories-items > ul > li > .icon:after,
    .top-filters .filter-wrap-title span:after {
        font-size: 20px;
        top: -5px;
    }

    .header-menu ul li.ex span {
        display: inline-block;
        background: black;
        color: white;
        padding: 2px 8px;
        border-radius: 2px;
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
    }

    .menu-cabinet {
        display: block !important;
        border-top: 2px solid #efab26;
        border-bottom: 2px solid #efab26 !important;
    }

    .menu-phone {
        display: block !important;
        border-bottom: none !important;
        margin-bottom: 100px;
    }

    .menu-phone a {
        font-size: 20px !important;
        line-height: 22px !important;
        padding: 15px !important;
    }

    .menu-phone span {
        display: block !important;
        font-size: 9px !important;
        padding: 0 !important;;
        line-height: 9px !important;
        margin-top: 2px;
    }

    .show-submenu > .submenu {
        display: block !important;
    }

    .show-submenu .submenu {
        position: fixed !important;
        top: 50px !important;
        width: calc(100vw - 70px) !important;
        height: calc(100% - 48px) !important;
        border-top: 1px solid #eee !important;
        overflow-y: auto;
    }

    .submenu:before,
    .submenu:after {
        display: none !important;
    }

    .submenu .has-submenu:after {
        top: 4px !important;
    }

    .submenu-name {
        display: flex;
        padding: 19px 15px;
        background: #e5e5e5;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 10px;
        align-items: center;
    }

    .submenu-name i {
        margin-right: 15px;
        font-size: 20px;
        line-height: 10px;
    }

    .header-menu ul li .submenu {
        background: white;
        z-index: 11;
    }

    .header-menu ul li .submenu .show-submenu .submenu {
        display: block !important;
        background: white;
    }

    .header-menu .submenu ul li {
        border-bottom: none;
        line-height: 25px;
    }

    .header-menu .submenu ul li:first-child {
        margin-top: 17px;
    }

    .header-menu .submenu ul li a {
        text-transform: inherit;
        font-weight: normal;
        border-top: none;
    }

    .submenu li:hover {
        background: none;
    }
}

@media (min-width: 1024px) {
    .news-list .news-item:nth-child(even) .news-details-block {
        float: left;
    }

    .news-list .news-item:nth-child(even) .news-picture-block {
        float: right;
    }
}

@media (max-width: 769px) {

    .big-product-pic > a {
        padding: 0 25px;
        display: block;
    }

    .product-inner-name {
        font-size: 15px;
        margin-top: 45px;
        margin-bottom: 10px;
    }

    .cart-price {
        text-align: left !important;
    }

    .footer-title {
        margin-top: 20px !important;
    }

    .prev-catalog .owl-buttons {
        display: block;
    }

    .owl-buttons {
        display: none;
    }

    .header-search-small-icon {
        font-size: 16px;
        margin-left: 14px;
    }

    .hint-text {
        width: calc(100vw - 30px);
    }

    .hint-text:after,
    .hint-text:before {
        display: none;
    }

    .hint-text b {
        position: absolute;
        left: 100px;
        bottom: 0;
    }

    .hint-text b:before {
        position: absolute;
        content: "";
        bottom: -8px;
        left: 0;
        border-style: solid;
        border-width: 8px 7px 0px 7px;
        border-color: #d1d1d1 transparent transparent transparent;
    }

    .hint-text b:after {
        position: absolute;
        content: "";
        bottom: -7px;
        left: 0;
        border-style: solid;
        border-width: 8px 7px 0px 7px;
        border-color: #fff transparent transparent transparent;
    }

    .product-cart-wrap {
        display: flex;
        width: 100%;
    }

    .product-to-cart {
        flex-grow: 1;
        text-align: center;
        font-size: 14px;
        padding: 13px 20px;
    }

    .product-to-favorite {
        margin-left: 24px;
        margin-right: 10px;
    }

    .product-inner-description {
        border-top: none;
        padding: 15px 0 20px 0;
    }

    .product-inner-description-title {
        margin-bottom: 15px;
    }

    .product-inner-description-title .fa {
        font-size: 16px;
    }

    .product-inner-table td {
        padding-bottom: 15px;
    }

    .title-top {
        margin-top: 11px;
    }

    .title-store {
        border-top: 1px solid #ccc;
        padding-top: 15px;
        margin-top: -5px;
    }

    .product-inner-table tr td:last-child {
        text-align: right;
    }

    .news-item-new {
        display: block;
        padding: 0 15px;
    }

    .news-description-wrap,
    .news-picture-wrap {
        display: block;
        width: 100%;
        padding: 0;
    }

    .kit-title {
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        border-left: none;
        font-size: 16px;
        margin-top: 53px;
        margin-bottom: 32px;
    }

    .review-title,
    .prev-title {
        font-size: 16px;
        text-align: center !important;
        text-transform: uppercase;
        font-weight: bold;
    }
}
