/*!
 * Bootstrap Responsive v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@-ms-viewport {
    width: device-width;
}

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

.visible-desktop {
    display: inherit !important;
}

@media (max-width: 767px) {

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }

    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: inherit !important;
    }

    .hidden-print {
        display: none !important;
    }
}

@media (min-width: 1200px) {

    .row {
        margin-left: -30px;
        *zoom: 1;
    }

    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .row:after {
        clear: both;
    }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 1170px;
    }

    .span12 {
        width: 1170px;
    }

    .span11 {
        width: 1070px;
    }

    .span10 {
        width: 970px;
    }

    .span9 {
        width: 870px;
    }

    .span8 {
        width: 770px;
    }

    .span7 {
        width: 670px;
    }

    .span6 {
        width: 570px;
    }

    .span5 {
        width: 470px;
    }

    .span4 {
        width: 370px;
    }

    .span3 {
        width: 270px;
    }

    .span2 {
        width: 170px;
    }

    .span1 {
        width: 70px;
    }

    .offset12 {
        margin-left: 1230px;
    }

    .offset11 {
        margin-left: 1130px;
    }

    .offset10 {
        margin-left: 1030px;
    }

    .offset9 {
        margin-left: 930px;
    }

    .offset8 {
        margin-left: 830px;
    }

    .offset7 {
        margin-left: 730px;
    }

    .offset6 {
        margin-left: 630px;
    }

    .offset5 {
        margin-left: 530px;
    }

    .offset4 {
        margin-left: 430px;
    }

    .offset3 {
        margin-left: 330px;
    }

    .offset2 {
        margin-left: 230px;
    }

    .offset1 {
        margin-left: 130px;
    }

    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before,
    .row-fluid:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.564102564102564%;
        *margin-left: 2.5109110747408616%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.564102564102564%;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145299145%;
        *width: 91.39979996362975%;
    }

    .row-fluid .span10 {
        width: 82.90598290598291%;
        *width: 82.8527914166212%;
    }

    .row-fluid .span9 {
        width: 74.35897435897436%;
        *width: 74.30578286961266%;
    }

    .row-fluid .span8 {
        width: 65.81196581196582%;
        *width: 65.75877432260411%;
    }

    .row-fluid .span7 {
        width: 57.26495726495726%;
        *width: 57.21176577559556%;
    }

    .row-fluid .span6 {
        width: 48.717948717948715%;
        *width: 48.664757228587014%;
    }

    .row-fluid .span5 {
        width: 40.17094017094017%;
        *width: 40.11774868157847%;
    }

    .row-fluid .span4 {
        width: 31.623931623931625%;
        *width: 31.570740134569924%;
    }

    .row-fluid .span3 {
        width: 23.076923076923077%;
        *width: 23.023731587561375%;
    }

    .row-fluid .span2 {
        width: 14.52991452991453%;
        *width: 14.476723040552828%;
    }

    .row-fluid .span1 {
        width: 5.982905982905983%;
        *width: 5.929714493544281%;
    }

    .row-fluid .offset12 {
        margin-left: 105.12820512820512%;
        *margin-left: 105.02182214948171%;
    }

    .row-fluid .offset12:first-child {
        margin-left: 102.56410256410257%;
        *margin-left: 102.45771958537915%;
    }

    .row-fluid .offset11 {
        margin-left: 96.58119658119658%;
        *margin-left: 96.47481360247316%;
    }

    .row-fluid .offset11:first-child {
        margin-left: 94.01709401709402%;
        *margin-left: 93.91071103837061%;
    }

    .row-fluid .offset10 {
        margin-left: 88.03418803418803%;
        *margin-left: 87.92780505546462%;
    }

    .row-fluid .offset10:first-child {
        margin-left: 85.47008547008548%;
        *margin-left: 85.36370249136206%;
    }

    .row-fluid .offset9 {
        margin-left: 79.48717948717949%;
        *margin-left: 79.38079650845607%;
    }

    .row-fluid .offset9:first-child {
        margin-left: 76.92307692307693%;
        *margin-left: 76.81669394435352%;
    }

    .row-fluid .offset8 {
        margin-left: 70.94017094017094%;
        *margin-left: 70.83378796144753%;
    }

    .row-fluid .offset8:first-child {
        margin-left: 68.37606837606839%;
        *margin-left: 68.26968539734497%;
    }

    .row-fluid .offset7 {
        margin-left: 62.393162393162385%;
        *margin-left: 62.28677941443899%;
    }

    .row-fluid .offset7:first-child {
        margin-left: 59.82905982905982%;
        *margin-left: 59.72267685033642%;
    }

    .row-fluid .offset6 {
        margin-left: 53.84615384615384%;
        *margin-left: 53.739770867430444%;
    }

    .row-fluid .offset6:first-child {
        margin-left: 51.28205128205128%;
        *margin-left: 51.175668303327875%;
    }

    .row-fluid .offset5 {
        margin-left: 45.299145299145295%;
        *margin-left: 45.1927623204219%;
    }

    .row-fluid .offset5:first-child {
        margin-left: 42.73504273504273%;
        *margin-left: 42.62865975631933%;
    }

    .row-fluid .offset4 {
        margin-left: 36.75213675213675%;
        *margin-left: 36.645753773413354%;
    }

    .row-fluid .offset4:first-child {
        margin-left: 34.18803418803419%;
        *margin-left: 34.081651209310785%;
    }

    .row-fluid .offset3 {
        margin-left: 28.205128205128204%;
        *margin-left: 28.0987452264048%;
    }

    .row-fluid .offset3:first-child {
        margin-left: 25.641025641025642%;
        *margin-left: 25.53464266230224%;
    }

    .row-fluid .offset2 {
        margin-left: 19.65811965811966%;
        *margin-left: 19.551736679396257%;
    }

    .row-fluid .offset2:first-child {
        margin-left: 17.094017094017094%;
        *margin-left: 16.98763411529369%;
    }

    .row-fluid .offset1 {
        margin-left: 11.11111111111111%;
        *margin-left: 11.004728132387708%;
    }

    .row-fluid .offset1:first-child {
        margin-left: 8.547008547008547%;
        *margin-left: 8.440625568285142%;
    }

    input,
    textarea,
    .uneditable-input {
        margin-left: 0;
    }

    .controls-row [class*="span"] + [class*="span"] {
        margin-left: 30px;
    }

    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 1156px;
    }

    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 1056px;
    }

    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 956px;
    }

    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 856px;
    }

    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 756px;
    }

    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 656px;
    }

    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 556px;
    }

    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 456px;
    }

    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 356px;
    }

    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 256px;
    }

    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 156px;
    }

    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 56px;
    }

    .thumbnails {
        margin-left: -30px;
    }

    .thumbnails > li {
        margin-left: 30px;
    }

    .row-fluid .thumbnails {
        margin-left: 0;
    }
}

/** Mobile */
@media (max-width: 480px) {
    body {
        padding-right: 0;
        padding-left: 0;
    }

    .filter-slider {
        width: 98% !important;
    }

    .page-list-menu {
        position: absolute !important;
        top: -15px;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        background: #ffffff;
        z-index: 10;
        display: none;
    }

    #page-list-top li {
        display: block;
        width: 100%;
    }

    #page-list-top ul  li.selected > a {
        color: #000000 !important;
    }
    #page-list-top a:hover {
        color: #ffffff !important;
    }

    #list .text-center {
        text-align: center !important;
    }

    #list .offers {
        width: 100%;
    }

    #list .caption {
        text-align: center !important;
        width: 100% !important;
    }

    #list .description-list {
        display: none !important;
    }

    #topline {
        height: 40px;
        line-height: 30px;
    }

    #topline .profile {
        display: none;
    }

    .mobile_icon {
        display: block;
    }

    .content .crossselling .span3, .content .crossselling .span2 {
        width: 100%;
        text-align: left !important;
    }

    .nav-tabs {
        margin: 0;
        padding: 0;

    }

    .nav-tabs li {
        width: auto;
        display: inline-block !important;

    }

    .nav-tabs li a {
        margin-left: 0 !important;
    }

    .promo_icon .span3 {
        width: 100% !important;
    }

    .promo_icon .span3 .span3 {
        width: 20% !important;
        float: left;
        margin-bottom: 20px;
        text-align: center;
        margin-right: 20px;
    }

    .category-filter .showvariant {
        display: none !important;
    }

    .category-filter .padding5top {
        display: none !important;
    }

    #headertop .span6 {
        width: 100% !important;
    }

    #headertop .page-list-menu li li > a {
        color: #000000 !important;
    }

    #headertop .span3 {
        width: 100% !important;
    }

    #headertop .span3 .logo {
        width: 100% !important;
        text-align: center !important;
    }

    #headertop .span6 {
        width: 100%;
        text-align: center !important;
    }

    #headertop .span3 .search-shopping .phone {
        display: block;
        text-align: center !important;
    }

    #headertop .cartmenu {
        display: none;
    }

    #promo_center .span4 {
        width: 100% !important;
        margin-left: 0 !important;
    }

    #page-list-plugin, #page-list-plugin ul {
        width: 100%;
    }

    #page-list-plugin a {
        color: #fff;
    }

    .background_menu {
        border: 0;
        padding: 0;
        display: none;
    }

    .filter_header {
        background: #333333;
    }

    .filters {
        display: none;
    }

    .cart-hint {
        display: none;
    }

    .add2cart .span2 {
        float: left !important;
        width: 30% !important;
    }

    input[name='quantity'] {
        width: 60px !important;
    }

    .social .media {
        display: inline-block;
        width: 150px;
    }

    .breadcrumbs {
        padding: 10px;
    }

    .imgfix {
        display: block;
        max-width: 100%;
    }

    .wa-form .wa-field .wa-name {
        float: none;
    }

    .wa-form .wa-field .wa-value {
        margin-left: 0;
    }

    .left_menu_block {
        display: none;
    }

    .thumbnails li .imgfix {
        width: 100% !important;
    }

    .thumbnails a {
        text-align: center;
    }

    #bestsellers li {
        color: #999;
        text-align: center;
        width: 45%;
        height: 330px;
        padding: 0;
        margin-right: 22px;
        display: block;
        float: left;
        position: relative;
    }

    #bestsellers li:nth-child(2n+2) {
        margin-right: 0;
    }

    .pricehint {
        display: none;
    }

    #footer .footer_padding {
        padding: 20px;
    }

    #product-gallery .span2 {
        width: 15% !important;
        float: left;
        margin-right: 20px;
    }

    .slide-block {
        left: 10px !important;
        bottom: 10px !important;
        padding: 10px !important;
        width: 80% !important;
    }

    .slide-block h4 {
        font-size: 22px !important;
    }

    .list-top-menu li {
        width: 100%;
        border-bottom: 1px solid #cccccc;
    }

    .list-top-menu .show_arrow_down {
        right: 0;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
        margin-right: -20px;
        margin-left: -20px;
    }

    .container-fluid {
        padding: 0;
    }

    .dl-horizontal dt {
        float: none;
        width: auto;
        clear: none;
        text-align: left;
    }

    .dl-horizontal dd {
        margin-left: 0;
    }

    .container {
        width: auto;
    }

    .row-fluid {
        width: 100%;
    }

    .row,
    .thumbnails {
        margin-left: 0;
    }

    .thumbnails > li {
        float: none;
        margin-left: 0;
    }

    [class*="span"],
    .uneditable-input[class*="span"],
    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .span12,
    .row-fluid .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="offset"]:first-child {
        margin-left: 0;
    }

    .input-large,
    .input-xlarge,
    .input-xxlarge,
    input[class*="span"],
    select[class*="span"],
    textarea[class*="span"],
    .uneditable-input {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .input-prepend input,
    .input-append input,
    .input-prepend input[class*="span"],
    .input-append input[class*="span"] {
        display: inline-block;
        width: auto;
    }

    .controls-row [class*="span"] + [class*="span"] {
        margin-left: 0;
    }

    .modal {
        position: fixed;
        top: 20px;
        right: 20px;
        left: 20px;
        width: auto;
        margin: 0;
    }

    .modal.fade {
        top: -100px;
    }

    .modal.fade.in {
        top: 20px;
    }
}

@media (min-width: 480px) and (max-width: 1200px) {
	.catalog {
		height:400px !important;
	}
    .imgfix {
        max-width: 195px;
		height:250px;
    }

    .imgfix img {
        max-height: 247px;
    }

    .filter-slider {
        width: 175px;
        margin-left: 5px;
        position: relative;
    }

    #list .span4 {
        width: 100% !important;
        margin-left: 0;
    }

    #list .catalog {
        height: auto;
    }

    #list .imgfix {
        float: left !important;
        width: 256px;
        margin-right: 20px;
        height: auto;
        line-height: 380px;
    }

    #list .caption {
        float: left !important;
        text-align: center !important;
        width: 380px;
    }

    #list .text-center {
        text-align: left !important;
    }

    #list .description-list {
        text-align: left;
        margin-bottom: 20px;
    }

    .categorymenu li a {
        padding: 10px 10px;
    }

    .categorymenu li ul li a {
        padding: 10px 10px;
    }

    .wrapper-dropdown-2 {
        width: 170px !important;
    }

    #headertop .span6 {
        width: 42.9362%;
    }

    #headertop .span3 {
        width: 26% !important;
    }

    .promo .fa {
        font-size: 45px;
    }

    #bestsellers li {
        color: #999;
        text-align: center;
        width: 17.5%;
        height: 330px;
        padding: 0;
        margin-right: 22px;
        display: block;
        float: left;
        position: relative;
    }

    #bestsellers li:nth-child(5n+5) {
        margin-right: 0;
    }

    .thumbnails .span3 {
        width: 31% !important;
    }
	.search .span3 {
		width: 23.0769% !important;
	}

    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }
}