@media (max-width: 1100px) {

    div.products-container {
        width: auto;
    }

    div.products-container .product-item {
        width: 25%;
    }

}

@media (max-width: 1024px) {

    div#header-wrapper #logo {
        width: 75px;
        height: 75px;
    }

    ul#main-menu {
        margin-left: 100px;
    }

    div.products-container .product-item {
        width: 33.333%;
    }

    #cart-steps-container .items ul li > a > span.t {
        display: block;
        margin-left: 0;
        font-size: 15px;
        line-height: 22px !important;
        margin-top: 10px;
    }

    #cart-steps-container {
        margin-bottom: 150px;
    }

}

@media (max-width: 990px) {

    div#content-wrapper > div.left {
        position: fixed;
        top: 70px;
        left: 0;
        bottom: 0;
        width: 0;
        background: #efefef;
        z-index: 999999;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        padding-right: 0;
    }

    div#content-wrapper > div.left #categories-menu {
        width: 250px;
        margin-right: 0;
    }

    div#content-wrapper > div.left .title {
        margin: 20px 0 30px 15px;
    }

    div#content-wrapper > div.right {
        width: 100%;
    }

    div.products-container .product-item {
        width: 33.3333%;
    }

    div#account-cart-container > div {
        font-size: 14px;
        line-height: 20px;
    }

    div#account-cart-container > div#account-box {
        background-size: auto 30px;
        background-position: 0 center;
        margin-right: 20px;
        cursor: pointer;
    }

    div#account-cart-container > div#account-box div.icon {
        background-size: auto 30px;
        background-position: 0 center;
        height: 30px;
        width: 28px;
    }

    div#account-cart-container > div#cart-box {
        text-align: right;
    }

    div#account-cart-container > div#cart-box a > span.icon {
        width: 39px;
        height: 34px;
    }

    div#account-cart-container > div#cart-box a > span.icon span.counter {
        width: 20px;
        height: 20px;
        font-size: 8px;
        line-height: 19px;
    }

    div#account-cart-container > div#cart-box a > div > span.price {
        font-size: 18px;
    }

    ul#main-menu li {
        font-size: 16px;
    }

    ul#main-menu li a {
        padding: 5px 10px;
    }

    div#header-wrapper {
        height: 70px;
    }

    div#header-wrapper ul#main-menu {
        display: none;
    }

    div#header-wrapper #logo {
        width: 50px;
        height: 50px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    body {
        padding-top: 120px;
    }

    body.homepage {
        padding-top: 70px;
    }

    #mobile-menu-btn {
        display: block;
    }

    div.search-container {
        position: relative;
        margin: 10px 10px 50px 10px;
    }

    div#categories-wrapper ul#categories-menu li > a {
        padding-left: 15px;
    }

}

@media (max-width: 890px) {

    div#account-cart-container > div#account-box {
        min-width: 0;
        padding-left: 35px;
    }

    div#account-cart-container > div#account-box div.txt, div#account-cart-container > div#cart-box a > div.data-container {
        background: url('../images/top-back.png') no-repeat right top;
        position: fixed;
        top: 55px;
        right: -15px;
        white-space: nowrap;
        height: 0;
        overflow: hidden;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    div#account-cart-container > div#account-box div.txt .data-container {
        padding: 10px 15px;
    }

    div#account-cart-container > div#account-box div.txt br {
        display: none;
    }

    div#account-cart-container > div#cart-box a > div.data-container {
        height: 0;
        text-align: center;
    }

    div#account-cart-container > div#cart-box a > div.data-container span.price {
        font-size: 24px;
        padding: 20px 35px;
    }

    div#account-cart-container > div#cart-box a > div > div.mobile-cart-link {
        display: block;
    }

    #cart-products-container .header .col.c2, #cart-products-container .header .col.c5,
    #cart-products-container .items .col.c2, #cart-products-container .items .col.c5 {
        display: none;
    }

    #cart-products-container .header .col.c1, #cart-products-container .items .col.c1 {
        width: 40%;
    }

    #cart-products-container .header .col.c3,
    #cart-products-container .header .col.c4,
    #cart-products-container .header .col.c6,
    #cart-products-container .header .col.c7,
    #cart-products-container .items .col.c3,
    #cart-products-container .items .col.c4,
    #cart-products-container .items .col.c6,
    #cart-products-container .items .col.c7 {
        width: 15%;
    }

}

@media (max-width: 800px) {

    h2 {
        font-size: 20px;
    }

}

@media (max-width: 750px) {

    div#contact-data-container > div {
        width: 50%;
        margin-bottom: 40px;
    }

    div#contact-persons .cp {
        width: 50%;
    }

    .form-container .form-row {
        margin-bottom: 20px;
    }

    .form-container .form-row .form-col {
        float: none !important;
        padding: 0 !important;
        width: 100%;
        margin-bottom: 20px;
    }

    .form-container .form-row .form-col:last-child {
        margin-bottom: 0;
    }

    .form-container .form-row .form-col.delivery-addr {
        margin-top: 75px;
    }

}

@media (max-width: 700px) {

    div#detail-container .data {
        padding-left: 250px;
    }

    div#detail-container .data .img {
        width: 200px;
        height: 200px;
    }

    div#detail-container .product-attr .pa-row > div.right span.price {
        font-size: 22px;
    }

    .no-items {
        padding: 75px 20px;
    }

}

@media (max-width: 680px) {

    div.products-container .product-item {
        width: 50%;
    }

    #modal-wrapper #modal-content-container .btns {
        text-align: center;
    }

    #modal-wrapper #modal-content-container .btns > a {
        float: none !important;
        margin-bottom: 20px;
    }

    #user-orders-container .user-order .title .order-no, #user-orders-container .user-order .title .data {
        float: none;
        display: block;
        width: 100%;
    }

    #user-orders-container .user-order .title .order-no {
        text-align: center;
        margin-bottom: 10px;
    }

    #user-orders-container .user-order .title .data {
        font-size: 0;
    }

    #user-orders-container .user-order .title .data > div {
        width: 25%;
        margin-left: 0;
    }

    #user-orders-container .user-order .title .data > div.show-detail {
        width: 100%;
        display: block;
        margin-top: 15px;
        text-align: center;
    }

    #user-orders-container .user-order .order-products-container .order-product-item {
        padding: 15px;
    }

    #user-orders-container .user-order .order-products-container .order-product-item .name,
    #user-orders-container .user-order .order-products-container .order-product-item .data {
        float: none;
        display: block;
        width: 100%;
    }

    #user-orders-container .user-order .order-products-container .order-product-item .name {
        text-align: center;
    }

    #user-orders-container .user-order .order-products-container .order-product-item .data {
        font-size: 0;
    }

    #user-orders-container .user-order .order-products-container .order-product-item .data > div {
        font-size: 14px;
        width: 33.3333%;
        margin: 0;
        text-align: center;
        padding: 0 5px;
    }

}

@media (max-width: 600px) {

    div#footer-wrapper .content-container .footer-col {
        width: 50%;
    }

    div#footer-wrapper .content-container .footer-col.img {
        width: 100%;
        text-align: center;
    }

    div#footer-wrapper .content-container .footer-col.img img {
        display: inline-block;
        width: 70%;
    }

    #cart-products-container .header .col, #cart-products-container .items .col {
        font-size: 13px !important;
    }

    .form-submit-container a.btn {
        font-size: 16px;
    }

    div#cart-summary {
        font-size: 14px;
    }

    div#cart-summary .row.total > div {
        font-size: 18px;
    }

    div#cart-summary .row.total > div.left {
        font-size: 16px;
    }

    div#cart-summary .row > div.left {
        padding-right: 10px;
    }

    div#invoice-delivery-data .col {
        width: 50%;
        margin-bottom: 40px;
    }

    div#invoice-delivery-data .col:last-child {
        margin-bottom: 0;
    }

    .act-msg.ok {
        font-size: 16px;
    }

    #activate-account-container strong {
        font-size: 20px;
    }

}

@media (max-width: 550px) {

    div#contact-data-container > div {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    div#contact-persons .cp {
        width: 100%;
        text-align: center;
    }

    div#contact-persons .cp .email-phone > span {
        padding-left: 0;
        background: none !important;
    }

    div#contact-form .row {
        margin-bottom: 0;
    }

    div#contact-form .row > div {
        width: 100%;
        margin-bottom: 20px;
    }

    div#contact-form .row > div.left {
        padding-right: 0;
    }

    div#contact-form .row > div.right {
        padding-left: 0;
    }

    .delivery-type-container h3 {
        text-align: center;
    }

    div.delivery-payment-options {
        text-align: center;
    }

    div.delivery-payment-options:last-child {
        margin-bottom: 100px;
    }

    div.delivery-payment-options .left, div.delivery-payment-options .right {
        float: none;
        display: block;
    }

    div.delivery-payment-options .left input {
        display: block;
        margin: 0 auto 10px auto;
    }

    div.delivery-payment-options .left label img {
        margin-right: 0;
    }

    div.delivery-payment-options .left label span {
        display: block;
        margin: 10px 0 5px 0;
    }

}

@media (max-width: 500px) {

    h1 {
        font-size: 28px;
        line-height: 32px;
        font-weight: 500;
    }

    h1.product-title {
        text-align: center;
    }

    div#footer-wrapper .content-container .footer-col {
        width: 100%;
        text-align: center;
        padding-bottom: 0;
    }

    div.products-container {
        max-width: 280px;
        margin: 0 auto;
    }

    div.products-container .product-item {
        width: 100%;
    }

    div#detail-container .data {
        padding-left: 0;
        width: 280px;
        margin: 0 auto 80px auto;
    }

    div#detail-container .data .img {
        position: relative;
        width: 180px;
        height: 180px;
        margin: 0 auto 30px auto;
    }

    div.product-detail-submit-container {
        text-align: center;
        margin-top: 20px;
    }

    div#detail-container .product-attr .pa-row > div.left, div#detail-container .product-attr .pa-row > div.right {
        display: block;
        width: auto;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    div#contact-data-container > div {
        font-size: 14px;
    }

    div#contact-data-container .col-title {
        font-size: 16px;
    }

    div#contact-form .row > div label {
        font-size: 16px;
    }

    div#contact-data-container {
        padding-top: 0;
    }

    #cart-products-container .header .col.c1, #cart-products-container .items .col.c1 {
        width: 100%;
        font-size: 16px !important;
        text-align: center;
    }

    #cart-products-container .items .col.c1 {
        padding-bottom: 0 !important;
    }

    #cart-products-container .header .col.c3,
    #cart-products-container .header .col.c4,
    #cart-products-container .header .col.c6,
    #cart-products-container .header .col.c7,
    #cart-products-container .items .col.c3,
    #cart-products-container .items .col.c4,
    #cart-products-container .items .col.c6,
    #cart-products-container .items .col.c7 {
        width: 25%;
        padding-top: 0;
    }

    #cart-products-container.sum .header .col.c3,
    #cart-products-container.sum .header .col.c4,
    #cart-products-container.sum .header .col.c6,
    #cart-products-container.sum .items .col.c3,
    #cart-products-container.sum .items .col.c4,
    #cart-products-container.sum .items .col.c6 {
        width: 33.3333%;
        padding-top: 0;
    }

    #cart-products-container.sum .header .col.c7, #cart-products-container.sum .items .col.c7 {
        display: none;
    }

    div#cart-summary .row {
        margin-bottom: 20px;
    }

    div#cart-summary .row > div {
        display: block;
        text-align: center !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .form-submit-container.more-btns {
        width: 300px;
        margin: 40px auto 0 auto;
    }

    .form-submit-container.more-btns a.btn {
        float: none !important;
        margin-bottom: 20px;
    }

    div#invoice-delivery-data .col {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }

    div#order-confirmed-container .txt {
        font-size: 16px;
    }

    #modal-wrapper #modal-content-container .login-form .form-container .form-label,
    #modal-wrapper #modal-content-container .login-form .form-container .form-ctrl {
        width: 100%;
        margin-right: 0;
    }

    #modal-wrapper #modal-content-container .login-form .form-container .form-ctrl input {
        display: block;
        width: 100%;
    }

    #modal-wrapper #modal-content-container .login-form {
        margin: 30px 0;
    }

    #modal-wrapper #modal-content-container {
        padding: 30px 20px;
    }

    #user-orders-container .user-order .order-products-container .payment-delivery-container > div {
        width: 50%;
        margin-bottom: 30px;
    }

    #user-orders-container .user-order .title .data > div {
        width: 50%;
        margin-bottom: 10px;
    }

    .not-logged .msg {
        font-size: 15px;
        line-height: 24px;
    }

    .not-logged {
        padding-top: 50px;
    }

}

@media (max-width: 400px) {

    div.copyright-container .left, div.copyright-container .right {
        float: none;
        text-align: center;
        margin-top: 30px;
    }

    div#account-cart-container > div#account-box {
        background-size: auto 25px;
        background-position: 0 center;
        margin-right: 10px;
        padding-left: 25px;
    }

    div#account-cart-container > div#cart-box {
        height: 35px;
    }

    div#account-cart-container > div#cart-box a > span.icon {
        width: 35px;
        height: 30px;
        margin-right: 10px;
    }

    div#account-cart-container > div#cart-box a > span.icon span.counter {
        width: 20px;
        height: 20px;
        font-size: 8px;
        line-height: 19px;
    }

    #cart-steps-container .items ul li > a > span.t {
        font-size: 12px;
        line-height: 18px !important;
    }

    .no-items {
        font-size: 18px;
        line-height: 24px;
    }

    div#categories-wrapper .title {
        font-size: 20px;
    }

    div#categories-wrapper ul#categories-menu li > a {
        font-size: 14px;
    }

    div#order-confirmed-container .txt {
        font-size: 14px;
    }

    #user-orders-container .user-order .order-products-container .payment-delivery-container > div {
        width: 100%;
        text-align: center;
    }

    .act-msg.ok {
        font-size: 14px;
    }

    #activate-account-container strong {
        font-size: 18px;
    }

}