﻿@media (max-width: 1200px) {
  .table th,
  .table td {
    padding: 8px;
  }
  #formRussianCars {
    float: right;
    width: 345px;
  }
  #formRussianCars .search-field {
    width: 44%;
  }
  .sidebar-feedback a {
    display: flex;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
  }
  .sidebar-feedback a i,
  .sidebar-feedback a span {
    text-align: center;
    margin: auto !important;
  }
  .oil-specs .filtration .form-group div.oil-buttons.last-submit [type="submit"] {
    visibility: visible;
  }
  .news-list .news-item .row .image-holder {
    width: 36%;
  }
  .news-list .news-item .row .body-holder.col-sm-5 {
    margin-right: 0;
    padding-right: 15px;
  }
  footer .block ul li {
    padding-top: 8px;
  }
  footer .block ul li a {
    font-size: 11px;
  }
}
@media (min-width: 990px) and (max-width: 1200px) {
  .main_page_products li a.product_image {
    height: 210px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .login-content .heading h2 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 768px) {
  .banner > div a:hover {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  }
  .banner > div:hover h1 {
    color: #313131;
  }
  .box .box-content .box-product ul li {
    margin-bottom: 30px;
  }
  .box .box-content .box-product ul li.last_line {
    margin-bottom: 0;
  }
  .box .box-content .box-product ul li .padding .description {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 9px;
  }
  .box .box-content .box-product ul li .padding .image2 {
    padding: 34px 0;
  }
  .box .box-content .box-product ul li .padding {
    border: 1px solid #dbdbdb;
    padding: 11px;
    border-radius: 4px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  a.button span {
    white-space: normal;
  }
  .compare-info td img {
    max-width: 100px;
  }
  header .links a {
    font-size: 12px;
  }
  a.button.details {
    margin: 10px 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #formRussianCars {
    width: 308px;
  }
  #formRussianCars #brand {
    padding: 0 6px 0 5px;
    width: 120px;
  }
  #formRussianCars .search-area .categories-filter .dropdown-toggle {
    font-size: 11px;
    line-height: 31px;
    text-align: left;
  }
  #formRussianCars .search-area .categories-filter .dropdown-toggle::after {
    top: 9px;
  }
  .search-russian + .links > li:nth-child(3) {
    display: none;
  }
  .box-category > ul > li > a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .news-list .news-item .row .image-holder .image img {
    height: 105px;
    width: 100%;
  }
  .news-list .news-item .row .body-holder .body .excerpt .K2FeedImage {
    width: 35%;
  }
  .news-list .news-item .row .date-area {
    padding: 14px 0;
  }
  .blockcatalogs,
  .blockcompany {
    padding-left: 15px;
  }
  .blockcompany {
    clear: both;
  }
}
@media all and (min-width: 767px) and (max-width: 1200px) {
  .car-marks > div > div .thumbnail {
    padding: 16px 4px;
  }
}
@media all and (min-width: 767px) and (max-width: 992px) {
  .cart-position {
    margin-top: 35px;
  }
  .top-right {
    padding-top: 45px;
  }
  .car-marks > div > div {
    width: 25%;
  }
  .row.car-show > div {
    overflow: hidden;
    text-align: center;
  }
  .car-show a {
    float: none;
    margin: 6px auto;
  }
  .main_page_products li a.product_image {
    height: 245px;
  }
}
@media (max-width: 767px) {
  .tabs .tab-heading:hover {
    cursor: pointer;
  }
  .tabs .tab-content {
    display: none;
  }
  #content {
    margin-bottom: 20px;
  }
  .product-info .cart-top-padd {
    margin-bottom: 10px;
  }
  .box {
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #column-right .box .box-heading,
  #column-left .box .box-heading {
    margin-bottom: 10px;
  }
  .product-grid .name {
    height: auto;
  }
  .product-list .description {
    display: none;
  }
  .product-info h1 {
    display: none;
  }
  .product-info h1.view {
    display: block;
  }
  .product-filter .display {
    display: none;
  }
  #content .box {
    margin-bottom: 5px;
  }
  .box .box-heading {
    margin-bottom: 15px;
  }
  .box .box-content .box-product ul li:hover .quick-view-button {
    display: none !important;
    visibility: hidden;
    opacity: 0;
  }
  #content .box-product li {
    border-bottom: 1px dotted #D7D7D7;
    margin-bottom: 15px !important;
    padding-bottom: 15px;
  }
  .cart-button > div.wishlist {
    display: none;
  }
  footer > div.container {
    display: none;
  }
  footer > div + div.container {
    display: block;
  }
  footer {
    padding: 0;
    margin-top: 5px;
  }
  footer .block.blockgoods ul {
    max-width: 345px;
  }
  #copyright {
    margin-top: 0;
    padding: 15px 20px;
    border-top: 1px solid #E6E6E6;
    text-align: center;
  }
  header #logo {
    margin: 50px auto 29px auto;
    float: none;
    width: 25%;
  }
  .cart-position {
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    z-index: 100;
    min-width: 83px;
  }
  /* box product */
  #content .box-product .image2 {
    float: left;
    width: 30%;
  }
  #content .box-product .inner {
    width: 58%;
    float: left;
    margin-left: 30px;
  }
  /* search */
  /* Cart */
  .cart-position #cart .heading span.link_a b,
  .cart-position #cart .heading span.link_a #cart-total,
  .cart-position #cart .heading span.link_a i.fa.fa-caret-down {
    display: none;
  }
  .cart-position #cart .heading span.link_a #cart-total2 {
    background: url(/Content/image/cart-total2.png) no-repeat left top;
    display: block;
    position: absolute;
    top: 14px;
    left: 47px;
    height: 22px;
    line-height: 22px;
    width: 30px;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    border-radius: 0;
  }
  .toprow-1 .cart-position {
    display: block;
    margin: 0;
  }
  .col-sm-3 .box-content {
    display: none;
  }
  aside .box-heading:hover {
    cursor: pointer;
  }
  .box-heading i {
    float: right;
  }
  aside .box-product .name {
    height: auto !important;
    margin: 5px 0;
  }
  body #page {
    height: 100%;
  }
  body.ind div.shadow {
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("/Content/image/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    z-index: 99;
    opacity: 0.7;
  }
  body.ind #page {
    margin-left: 237px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
  }
  body #body .swipe .swipe-menu {
    background-color: #323232;
    height: 100%;
    overflow: scroll;
  }
  body #body .swipe {
    display: none;
  }
  body.ind #body .swipe {
    display: block;
    background-color: #323232;
    position: fixed;
    color: #fff;
    width: 237px;
    top: 50px;
    left: 0;
    overflow: hidden;
    z-index: 101;
    height: 100%;
  }
  .top-right {
    display: none;
  }
  header .toprow .links {
    display: none;
  }
  header .toprow {
    background: none;
    padding: 0;
  }
  header .toprow-1 {
    display: block;
  }
  /* product list */
  .product-list ul li .image {
    width: 30%;
    float: left;
  }
  .product-list ul li .left {
    width: 65%;
    float: left;
    margin-left: 5%;
  }
  /* order */
  .order-list .order-info {
    text-align: left;
  }
  .order-content {
    padding-top: 0;
  }
  .order-content > div > div {
    margin-top: 20px;
  }
  .socials {
    margin-top: 10px;
  }
  #register-form {
    width: 100%;
  }
  #formRegisterOpt > fieldset > legend {
    line-height: 50px;
  }
  #formRegisterRozn .field-row.not-valid,
  #formRegisterOpt .field-row.not-valid,
  .reset-password .field-row.not-valid {
    height: auto;
  }
  #formRegisterRozn .field-row #password-info,
  #formRegisterOpt .field-row #password-info,
  .reset-password .field-row #password-info {
    position: static;
    margin: 5px 0;
  }
  #formRegisterRozn .field-row > label[for="ITN"],
  #formRegisterOpt .field-row > label[for="ITN"],
  .reset-password .field-row > label[for="ITN"] {
    line-height: 18px;
  }
  #formRegisterOpt .spoiler-head {
    height: 45px;
  }
  #column-left .authorize {
    display: none;
  }
  #copyright .footer-row {
    display: block;
  }
  .banner > div {
    margin: 0 auto 30px;
  }
  .car-marks > div > div {
    width: 33%;
  }
  .car-marks > div > div .thumbnail {
    padding: 30px 4px;
  }
  #formRussianCars {
    float: none;
    width: auto;
    position: relative;
  }
  #formRussianCars .search-field {
    width: 100%;
  }
  #formRussianCars #brand {
    position: absolute;
    right: 57px;
    top: 5px;
    border: none;
    border-left: 1px solid;
    background: transparent;
  }
  #formRussianCars .search-area .categories-filter .dropdown-menu {
    width: 198px;
    top: 110%;
  }
  #contact-page .cf-style-1 input,
  #contact-page .cf-style-1 textarea,
  #contact-page #Message {
    width: 100% !important;
  }
  #column-left {
    display: none;
  }
  #autorization.box {
    margin-bottom: 50px;
  }
  #compare-manager-link {
    right: 1px;
    bottom: 100px;
    padding: 10px 20px;
  }
  .news-list .news-item .row .image-holder {
    float: left;
    padding: 19px 0 19px 19px;
    width: 35%;
  }
  .news-list .news-item .row .body-holder.col-sm-5 {
    width: 65%;
    padding: 0 15px 15px;
    float: right;
  }
  .news-list .news-item .row .date-area {
    width: 100%;
    clear: both;
    text-align: center;
  }
  .main_page_products li a.product_image {
    text-align: center;
  }
  .main_page_products li a.product_image img {
    height: 100%;
  }
}
@media (max-width: 670px) {
  footer .block {
    width: 100%;
    text-align: center;
  }
  footer .block ul {
    text-align: left;
    width: 300px;
    margin: auto;
  }
}
@media (max-width: 600px) {
  #footer .bottom_footer > div {
    float: none !important;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media (max-width: 555px) {
  .car-marks > div > div .thumbnail {
    padding: 15px 4px;
  }
  .row.car-show > div {
    overflow: hidden;
    text-align: center;
  }
  .car-show a {
    float: none;
    margin: 6px auto;
  }
  .nav-tabs > li {
    float: none;
  }
  .nav-tabs > li.active {
    border-bottom: 1px solid #ddd;
  }
  .main_page_products li {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .news-list .news-item .row .body-holder .body .excerpt .K2FeedImage {
    float: none;
    margin-bottom: 20px;
    text-align: center;
    width: auto;
  }
  .news-list .news-item .row .image-holder {
    width: auto;
    text-align: center;
    float: none;
  }
  .news-list .news-item .row .image-holder .image img {
    width: auto;
  }
  .news-list .news-item .row .body-holder.col-xs-12 {
    padding: 13px 0 0 30px;
    width: 100%;
    float: none;
  }
  .news-list .news-item .row .date-area {
    padding: 14px 0;
    text-align: center;
    width: 100%;
  }
  #header #header_logo a {
    width: 152px !important;
    top: -7px;
    left: 18%;
  }
  footer .block.blockgoods ul {
    display: block;
    height: auto;
  }
}
@media (max-width: 380px) {
  .box .box-product .cart {
    float: none;
  }
  a.button.details {
    margin: 10px 0 0 0;
  }
  #contact-form > div,
  #contact-form input#Theme,
  #contact-form #captcha #Captcha,
  #contact-form textarea#Message {
    width: 100%;
  }
}
@media (max-width: 372px) {
  a.button-prod {
    margin-left: 0;
  }
  .car-marks > div > div .thumbnail {
    font-size: 12px;
    max-height: 101px;
    line-height: 1.1;
  }
  .news-list .news-item .row .body-holder,
  .news-list .news-item .row .date-area {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 320px) {
  .car-marks > div > div .thumbnail {
    font-size: 11px;
  }
}
@media screen and (max-width: 1200px) {
  .filtration .order-date #RegisterFrom,
  .filtration .order-date #DateTo {
    width: 80px !important;
    padding: 0 !important;
  }
  .filtration .order-date > label.control-label {
    margin-right: 5px !important;
  }
  .filtration .order-submit {
    margin-top: 15px !important;
    width: 100%;
    text-align: center;
  }
  .filtration .order-count {
    width: 165px !important;
  }
  .filtration .order-count .form-control {
    width: 60px !important;
    padding: 0 6px !important;
  }
  .filtration .ms-parent {
    width: 145px !important;
  }
  #orders_wrapper table td,
  #refund-table_wrapper table td,
  #orders_wrapper table th,
  #refund-table_wrapper table th {
    font-size: 10px !important;
  }
  #orders_wrapper table .sorting_desc,
  #refund-table_wrapper table .sorting_desc,
  #orders_wrapper table .sorting_asc,
  #refund-table_wrapper table .sorting_asc,
  #orders_wrapper table .sorting,
  #refund-table_wrapper table .sorting {
    background-position: bottom center;
    padding-top: 0 !important;
    padding-bottom: 15px !important;
    text-align: center;
  }
  .buttons {
    top: 10px;
    position: relative;
  }
  .save-fio {
    float: none;
    margin-top: 50px;
    text-align: center;
  }
}
@media screen and (max-width: 992px) {
  .client-office-div {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .table-responsive {
    border: 0;
  }
  .table-responsive > .table-bordered {
    border: 1px solid #ddd;
  }
  .client-office-div,
  .client-office-sidebar {
    width: 100%;
    float: none;
    border: none;
  }
  .filtration .filtration-body {
    padding: 15px !important;
  }
  .filtration .form-control {
    height: 35px !important;
    padding: 5px 10px !important;
  }
  .filtration .form-group,
  .filtration .order-number,
  .filtration .order-date,
  .filtration .order-status,
  .filtration .form-control,
  .filtration .order-count,
  .filtration .order-submit {
    padding: 0 !important;
    margin: 0 !important;
  }
  .filtration .form-control,
  .filtration .order-number > div,
  .filtration .order-status,
  .filtration label.control-label,
  .filtration .order-count {
    width: 100% !important;
  }
  .filtration .input-group {
    display: block;
    clear: both;
  }
  .filtration .order-client-comment,
  .filtration .order-date > div,
  .filtration .input-group,
  .filtration .order-count,
  .filtration .order-count > div,
  .filtration .order-submit,
  .filtration .order-number {
    float: none !important;
  }
  .filtration .order-status {
    margin-bottom: 15px !important;
  }
  .filtration .order-client-comment textarea {
    font-size: 14px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
  }
  .filtration .ms-parent .ms-drop.bottom {
    width: 100%;
  }
  .filtration .ms-parent .ms-choice > span {
    padding-top: 7px;
  }
  .filtration .order-submit {
    margin-top: 10px !important;
    text-align: center;
  }
  .filtration .button-small {
    padding: .4em 0.4em;
  }
  #order-notices {
    margin-top: 15px;
  }
  [for="DateFrom"] {
    text-align: center;
  }
  form[action="/History"] .button {
    margin-top: 15px;
  }
  .form-uploadToBasket .form-group {
    margin: 0 !important;
    width: 100%;
  }
  .form-uploadToBasket .form-group #uploadFile {
    margin: 15px 0;
    width: 100%;
  }
  .form-uploadToBasket .button {
    width: 100%;
    text-align: center;
  }
  .form-uploadToBasket > .pull-left {
    padding: 5px 15px;
    width: 100%;
  }
  .filtration .order-date #RegisterFrom,
  .filtration .order-date #DateTo {
    width: 100% !important;
  }
  .ui-dialog {
    width: 100% !important;
  }
  /*.client-office-menu > li > a,
    #client-info > .client-office-link > a,
    .client-office-link > form > button,
    #client-addresses > .client-office-link > a,
    #history-content .history-link {
        border: none;
        font: 600 14px/1em "Open Sans", sans-serif;
        color: #fff !important;
        background: url(../img/bttns.png) 0 0 repeat-x #2c2a2f !important;
        width: 100%;
        display: block;
        text-align: center;
        min-height: 49px;
        padding: 16px 10px;
        text-transform: uppercase;
    }*/
  #client-info > #SetFIO > .client-info-form {
    padding: 10px 0 0 10px;
  }
  #client-info .client-office-link > a {
    clear: both;
    position: relative;
    font-size: 13px;
  }
  #client-addresses table > tbody > tr > td:last-child a {
    font-size: 40px;
    margin-left: 0;
    position: relative;
    top: -3px;
  }
  #client-addresses .set-as-default {
    width: 35px;
    height: 35px;
  }
  .client-cars table {
    border: none !important;
  }
  .client-cars table thead {
    display: none;
  }
  .client-cars table tr {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #ccc;
    position: relative;
  }
  .client-cars table tr td {
    border: none !important;
    position: initial!important;
  }
  .client-cars table tr .autoname {
    padding-right: 75px;
  }
  .client-cars table tr td:nth-of-type(2)::before {
    content: "Марка/Модель:";
    font-weight: bold;
  }
  .client-cars table tr td:nth-of-type(3)::before {
    content: "Vin-номер:";
    font-weight: bold;
  }
  .client-cars table tr td:nth-of-type(4)::before {
    content: "Коментарий:";
    font-weight: bold;
  }
  .client-cars table tr td:last-child i {
    right: 5px !important;
    top: 5px !important;
    position: absolute;
    float: none!important;
    z-index: 999;
  }
  .client-cars table tr td:last-child i::before {
    font-size: 35px;
  }
  .client-cars table .edit-car {
    position: absolute;
    right: 45px;
    top: 7px;
    font-size: 28px;
  }
  #Notification input[type="checkbox"] {
    width: 35px;
    height: 35px;
  }
  #Notification #order-notices-content > div,
  #Notification #shared-notices-content > div {
    clear: both;
  }
  #Notification #order-notices-content > div label,
  #Notification #shared-notices-content > div label {
    font-size: 16px;
    position: relative;
    top: 5px;
  }
  form[action="/History"] .input-group .input-group-addon {
    background: none;
  }
  form[action="/History"] .button {
    margin-top: 15px;
  }
  #history-content table {
    display: block;
    border: none !important;
  }
  #history-content table thead {
    display: none;
  }
  #history-content table tbody {
    display: block;
  }
  #history-content table tbody tr {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    border-top: 2px solid #d7d7d7;
  }
  #history-content table tbody tr td {
    border: none !important;
  }
  #orders_wrapper table {
    display: grid;
  }
  #orders_wrapper table thead {
    display: none;
  }
  #orders_wrapper table tbody tr {
    display: block;
    border-top: 2px solid #d7d7d7;
  }
  #orders_wrapper table tbody tr td {
    border: none !important;
    background: none;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0;
    text-align: center;
  }
  #orders_wrapper table tbody tr td:nth-of-type(1),
  #orders_wrapper table tbody tr td:nth-of-type(2),
  #orders_wrapper table tbody tr td:nth-of-type(3) {
    width: calc(97%/3);
  }
  #orders_wrapper table tbody tr td:nth-of-type(4),
  #orders_wrapper table tbody tr td:nth-of-type(5) {
    width: calc(97%/2);
  }
  #orders_wrapper table tbody tr td:nth-of-type(6) {
    width: 100%;
  }
  #orders_wrapper table tbody tr td:nth-of-type(7),
  #orders_wrapper table tbody tr td:nth-of-type(8),
  #orders_wrapper table tbody tr td:nth-of-type(9) {
    width: calc(97%/3);
  }
  #orders_wrapper table tbody tr td:nth-of-type(10) {
    display: none;
  }
  #orders_wrapper table tbody tr td:nth-of-type(11) {
    width: 100%;
  }
  #orders_wrapper table tbody tr td:nth-of-type(9) .btn-group.dropup {
    position: relative;
    margin: 0 !important;
  }
  #orders_wrapper table tbody tr td:nth-of-type(9) .btn-group.dropup .general-info span {
    width: 30px;
    height: 30px;
  }
  #orders_wrapper table tbody tr td:nth-of-type(9) .btn-group.dropup .general-info span::before {
    font-size: 25px;
  }
  #orders_wrapper table tbody tr td:nth-of-type(9) .reorder-link {
    font-size: 12px;
    padding: 6px 13px;
    margin-top: 4px;
  }
  #orders_wrapper table tbody tr td:nth-of-type(9) > div {
    padding-right: 0;
  }
  #orders_wrapper [name="subOrderIds"] {
    width: 20px;
    height: 20px;
  }
  #orders_wrapper .dropdown-menu {
    display: none !important;
  }
  #orders_wrapper table tr td .ellipsis,
  #orders_wrapper #positionsTable tr td .ellipsis {
    height: auto;
  }
  #orders_wrapper p {
    margin: 0;
  }
}
@media all and (max-width: 480px) {
  #client-info [type="number"] {
    width: 70px;
  }
}
/* Note: Design for a width of < 767px
================================================== */
@media only screen and (max-width: 767px) {
  html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  .form-control option {
    width: 290px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* ************************************************************************************************
HEADER (< 767px)
************************************************************************************************ */
  #header #header_logo {
    width: 290px;
    top: 35px;
  }
  #header #header_authentication {
    top: 20px;
  }
  #header #header_right {
    padding-top: 148px;
  }
  #search_block_top {
    top: 107px !important;
  }
  #center_column {
    padding-bottom: 15px;
  }
  #right_column {
    padding-bottom: 0;
  }
  .main-mobile-menu {
    display: block;
    margin: 0px 0px 0px 0px;
  }
  /* ************************************************************************************************
 MOBILE MENU TOP (< 767px)
************************************************************************************************ */
  body#index a.header_links_home,
  #sitemap a.header_links_sitemap,
  #contact a.header_links_contact,
  #cms a.header_links_delivery,
  #stores a.header_links_store {
    color: #ef0f0f;
  }
  /*************************************************************************************************
Search Mobile (< 767px)
**************************************************************************************************/
  #search_block_top {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
    right: 0px;
    top: 145px;
  }
  #search_block_top form {
    width: 100%;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #search_block_top input.search_query {
    width: 100%;
    padding-right: 53px;
  }
  #header #cart_block {
    right: 0;
    top: 201px;
  }
  .column .block {
    margin: 0 0 15px 0;
  }
  #columns {
    padding-top: 15px;
  }
  .breadcrumb {
    margin-bottom: 15px;
  }
  /* ************************************************************************************************
FOOTER(< 767px)
*********************************************************************************************** */
  /*footer .block {
        width: 100%;
    }*/
  footer .block h4 {
    padding: 11px 0px 10px 0px;
    margin-top: 0px;
    margin-bottom: 0;
    position: relative;
  }
  footer .block h4:hover {
    cursor: pointer;
  }
  footer .block h4 i {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 12px;
  }
  /*footer .modules .block ul {
        display: none;
        padding: 0px 0 0 0;
        margin-top: 5px;
    }*/
  footer .block .list-footer li {
    padding: 0 0 6px;
  }
  footer .block .list-footer li:last-child {
    padding-bottom: 0;
  }
  .bottom_footer {
    padding-left: 15px;
    padding-right: 15px;
  }
  footer .block .list-footer li a {
    padding-right: 10px;
  }
  footer .modules {
    padding-bottom: 20px;
  }
  /* ************************************************************************************************
BOX COL (< 767px)
************************************************************************************************ */
  /*.column .block h4 .column_icon_toggle {
        display: block;
        float: right;
        padding: 0;
        margin: -1px 0 0 0;
    }

    .column .block h4 {
        margin-bottom: 15px;
        font-size: 15px;
    }

    .column .block h4:hover {
        cursor: pointer;
    }

    #right_column.column .toggle_content,
    #left_column.column .toggle_content {
        margin-bottom: 15px;
    }

    .products_block ul li a.products_block_img {
        width: 60px;
    }*/
  /* ************************************************************************************************
PAGINATION AND SORT AND SUBCATEGORY BLOCK (< 767px)
************************************************************************************************ */
  #itempage {
    float: none;
    margin: 20px 0 0 0;
  }
  .row_category .category_image {
    width: 50%;
  }
}
/* Note: Design for a width of < 480px 
================================================== */
@media only screen and (max-width: 480px) {
  #header_logo {
    width: 210px !important;
    top: 44px;
    right: 0;
    margin: auto;
    z-index: 111;
  }
  #header_authentication {
    width: 100%;
    z-index: 1;
  }
  #header_authentication .top-right-section {
    margin: 10px auto 0;
    height: auto;
  }
  #header_authentication .top-right-section .top-right-telephone {
    text-align: center;
    white-space: nowrap;
  }
  #header_authentication #autorization {
    float: none !important;
  }
  #header_authentication #autorization [type="submit"] {
    position: absolute;
    top: -25px;
    left: 0;
  }
  #header_authentication a.button {
    position: absolute;
    top: -14px;
    right: 0;
  }
  .main_page_products li .product_image {
    /*float: left;
        margin-right: 20px;
        width: 120px;*/
  }
  .main_page_products li .product_image a {
    display: block;
  }
  .main_page_products li .product_content {
    overflow: visible;
  }
  .main_page_products li .button {
    float: left;
  }
  .main_page_products li .exclusive {
    float: left;
    clear: left;
    margin-right: 15px;
  }
  #history #block-history .footable-cell-detail .btn {
    margin-bottom: 10px;
  }
  .btn {
    white-space: normal;
  }
}
/* ************************************************************************************************
HEADER (320px * 768px)
************************************************************************************************ */
@media all and (max-width: 767px) {
  .auth-container #header #header_right {
    padding-top: 136px;
  }
  .auth-container #header #header_right #header_logo {
    top: 3px;
  }
  .auth-container #header #header_right #header_authentication {
    top: 17px;
  }
  .auth-container #header #header_right #search_block_top {
    top: 102px !important;
  }
  #header #header_right #header_logo {
    top: 8px;
  }
  #header #header_right #header_logo a {
    width: 208px;
  }
  #header #header_right #search_block_top {
    top: 114px !important;
  }
  #header #header_right #search_block_top .top-search-buttons {
    top: -22px;
    left: 16px;
    z-index: -1;
  }
  #header #header_right #search_block_top .top-search-buttons:before {
    display: none;
  }
  #header #header_right #search_block_top .top-search-buttons > div {
    display: inline;
    padding: 4px 15px 5px !important;
    margin-right: 7px;
    position: relative;
    background: #2C2A2F;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
  }
  #header #header_right #search_block_top .top-search-buttons > div:before,
  #header #header_right #search_block_top .top-search-buttons > div:after {
    display: none;
  }
  #header #header_right #search_block_top .top-search-buttons > div:hover,
  #header #header_right #search_block_top .top-search-buttons > div.active {
    box-shadow: none;
    color: red;
    -moz-transition: color ease 0.5s;
    -o-transition: color ease 0.5s;
    -webkit-transition: color ease 0.5s;
    transition: color ease 0.5s;
  }
  .sidebar-feedback a {
    width: 240px;
    margin: auto auto 5px;
    display: block;
  }
  @-moz-document url-prefix() {
    #header #header_right #search_block_top .top-search-buttons > div {
      padding: 4px 15px !important;
    }
  }
}
@media all and (max-width: 645px) {
  #header_authentication #autorization {
    float: right;
  }
  #header_authentication #autorization [type="submit"] {
    margin: 12px auto;
  }
  #header_authentication #autorization #Email,
  #header_authentication #autorization #Password,
  #header_authentication .forgot-pass,
  #header_authentication label[for="RememberMe"],
  #header_authentication [type="checkbox"] {
    display: none;
  }
  .auth-container #header .user-welcome {
    text-align: right;
    padding-right: 15px;
  }
  .auth-container #header div#cart {
    float: right;
    padding-right: 15px;
  }
  .auth-container #header div#cart b {
    display: none;
  }
}
@media all and (max-width: 480px) {
  .auth-container #header #header_right #header_logo {
    top: 30px;
  }
  .auth-container #header #header_right #header_authentication {
    top: 5px;
  }
  .auth-container #header #header_right #header_authentication #cart {
    position: absolute;
    top: 0;
    left: 0;
  }
  .auth-container #header #header_right #header_authentication #cart #basket-block .basket-bottom {
    font-size: 16px;
    padding: 0;
    position: absolute;
    left: 0;
  }
  .auth-container #header #header_right #header_authentication #cart #cart-total2 {
    padding: 0 5px 0 25px;
  }
  .auth-container #header #header_right #header_authentication #cart #cart-total2 + br {
    display: none;
  }
  .auth-container #header #header_right #header_authentication .auth-block > .pull-right {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
  }
  .auth-container #header #header_right #header_authentication .auth-block > .pull-right > div:last-child {
    position: absolute;
    top: 0;
    right: 65px;
    white-space: nowrap;
  }
  .auth-container #header #header_right .user-welcome {
    padding-right: 160px;
  }
  #header #header_right {
    /*#search_block_top {
    .top-search-buttons {
        top: -28px;        
        left: 0;
                width: 100%;

                > div {
                    display: inline-block;
                    padding: 4px 0 !important;
                    margin-right: 0;
                    width: 50%;
                    float: left;
                    text-align: center;
                
                    &:before,
                    &:after {
                        display: none;
                    }
                }
            }
    }*/
  }
  #header #header_right #header_logo {
    top: 40px;
  }
}
@media all and (max-width: 390px) {
  .auth-container #header #header_right .user-welcome {
    display: none;
  }
}
/* Note: Design for a width of 480px * 767px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* ************************************************************************************************
BOX COL (480px * 767px)
************************************************************************************************ */
  .products_block ul li > div {
    width: 348px;
  }
}
/* Note: Design for a width of 768px * 991px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #header #header_logo {
    top: 19px;
  }
  #header #header_logo img {
    width: 350px;
  }
  #header_links li a {
    padding: 0 15px;
  }
  #header_links li a i {
    display: none;
  }
  #search_block_top {
    width: 370px;
  }
  #search_block_top form {
    width: 224px;
  }
  .main_page_products ul li p.price_container {
    top: 185px;
  }
  /*h1, .column .block h4, .center_column .block h4, #layered_block_left h3 {
        font-size: 14px;
    }

    .column .block h4,
    #layered_block_left h3 {
        margin-bottom: 15px;
    }*/
  /* ************************************************************************************************
BOX COLUMN (768px * 991px)
************************************************************************************************ */
  .products_block ul li + li {
    margin: 15px 0 0 0;
  }
  .products_block ul li > div {
    width: 90px;
  }
  .products_block ul li a.products_block_img {
    width: 55px;
    margin: 0 10px 0 0;
  }
  .products_block ul li .reduction {
    margin-left: 0;
    margin-right: 0;
  }
}
/* Note: Design for a width of 992px * 1199px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #header #header_logo {
    top: 19px;
  }
  #header #header_logo img {
    width: 350px;
  }
  #header_links li a {
    padding: 0 15px;
  }
  #header_links li a i {
    display: none;
  }
  #subcategories .categories_box a img {
    width: 100%;
  }
  .main_page_products ul li p.price_container {
    top: 150px;
  }
  .products_block ul li a.products_block_img {
    width: 80px;
    margin: 0 10px 0 0;
  }
  .products_block ul li > div {
    width: 120px;
  }
  /*.column .block h4,
    #layered_block_left h3 {
        font-size: 15px;
    }*/
}
/* Note: Design for a width > 767px
================================================== */
@media only screen and (min-width: 767px) {
  /*footer .block ul.toggle_content {
        display: block !important;
        height: 100% !important;
        opacity: 1 !important;
    }*/
}
/* Note: Design for a width of > 991px
================================================== */
@media only screen and (min-width: 992px) {
  .main_page_products li.first_item_of_line {
    clear: left;
  }
}
/*# sourceMappingURL=responsive.css.map */