.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-1 {
    width: 8.333333%;
}
.col-xs-2 {
    width: 16.666667%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-4 {
    width: 33.333333%;
}
.col-xs-5 {
    width: 41.666667%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-7 {
    width: 58.333333%;
}
.col-xs-8 {
    width: 66.666667%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-10 {
    width: 83.333333%;
}
.col-xs-11 {
    width: 91.666667%;
}
.col-xs-12 {
    width: 100%;
}



@media (min-width: 544px) {
.sm-hidden {
	display: none;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}
.col-sm-1 {
    width: 8.333333%;
}
.col-sm-2 {
    width: 16.666667%;
}
.col-sm-3 {
    width: 25%;
}
.col-sm-4 {
    width: 33.333333%;
}
.col-sm-5 {
    width: 41.666667%;
}
.col-sm-6 {
    width: 50%;
}
.col-sm-7 {
    width: 58.333333%;
}
.col-sm-8 {
    width: 66.666667%;
}
.col-sm-9 {
    width: 75%;
}
.col-sm-10 {
    width: 83.333333%;
}
.col-sm-11 {
    width: 91.666667%;
}
.col-sm-12 {
    width: 100%;
}
}


@media (min-width: 768px) {
.container {
    max-width: 750px;
}
.md-hidden {
	display: none;
}
.md-right {
 float: right;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-md-1 {
    width: 8.333333%;
}
.col-md-2 {
    width: 16.666667%;
}
.col-md-3 {
    width: 25%;
}
.col-md-4 {
    width: 33.333333%;
}
.col-md-5 {
    width: 41.666667%;
}
.col-md-6 {
    width: 50%;
}
.col-md-7 {
    width: 58.333333%;
}
.col-md-8 {
    width: 66.666667%;
}
.col-md-9 {
    width: 75%;
}
.col-md-10 {
    width: 83.333333%;
}
.col-md-11 {
    width: 91.666667%;
}
.col-md-12 {
    width: 100%;
}
#left {
    padding-bottom: 30px;
}
#logo {
    float: left;
}
.right_header,
#wish_compare {
    float: right;
}
.menu_container {
    background: #232323;
}
#main_menu li {
    padding: 0 1px 0 0;
    -webkit-box-shadow: inset -1px 0 0 0 rgba(0,0,0,.5);
    box-shadow: inset -1px 0 0 0 rgba(0,0,0,.5);
}
#main_menu .account_li {
  float: right;
}
#main_menu a {
    display: block;
    padding: 13px 20px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}
.menu_group_header .menu_item_1 .menu_link:hover {
    background: #0b6cb6;
    background: -webkit-linear-gradient(top, #278cd9 0%,#0b6cb6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#278cd9), color-stop(100%,#0b6cb6));
    background: -moz-linear-gradient(top, #278cd9 0%, #0b6cb6 100%);
    background: -ms-linear-gradient(top, #278cd9 0%,#0b6cb6 100%);
    background: -o-linear-gradient(top, #278cd9 0%,#0b6cb6 100%);
    background: linear-gradient(to bottom, #278cd9 0%,#0b6cb6 100%);
}

#main_menu .account_li:hover {
    background: #0b6cb6;
    background: -webkit-linear-gradient(top, #278cd9 0%,#0b6cb6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#278cd9), color-stop(100%,#0b6cb6));
    background: -moz-linear-gradient(top, #278cd9 0%, #0b6cb6 100%);
    background: -ms-linear-gradient(top, #278cd9 0%,#0b6cb6 100%);
    background: -o-linear-gradient(top, #278cd9 0%,#0b6cb6 100%);
    background: linear-gradient(to bottom, #278cd9 0%,#0b6cb6 100%);
}
    .menu_group_header {
        float: left;
        font-size: 14px;
    }
    .menu_group_header .menu_item {
        float: left;
    }

    #main_menu .menu_group_header .menu_item_2 .menu_link {
        display: block;
        padding: 8px 12px;
        white-space: nowrap;
        color: #333;
    }
    #main_menu .menu_group_header .menu_item_2 .menu_link:hover {
        background-color: rgb(232, 232, 225);
        color: #fff;
    }
    .menu_group_header .menu_eventer{
        position: relative;
    }
    .menu_group_header .menu_item_1.menu_eventer > a:after{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 12px;
        height: 8px;
        background-repeat: no-repeat;
        margin-left: 1px;
        background-image: url(../images/select_arrow.png);
        background-size: cover;
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }
    .menu_group_header .menu_item_1.menu_eventer:hover > a:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .menu_group_header .menu_list {
        margin: 0px;
    }
    .menu_group_header .menu_item {
        margin: 0px;
    }
    .menu_group_header .menu_eventer .menu_list_2{
        transition: all 0.2s ease;
        top: 100%;
        left: 50%;
        min-width: 100%;
        transform: translateX(-50%);
        background: #fff;
        border: none;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.4);
        position: absolute;
        z-index: 1000;
        margin: 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        padding: 0px;
    }
    .menu_group_header .menu_eventer:hover .menu_list_2 {
        opacity: 1;
        visibility: visible;
    }
    .menu_group_header .menu_item_2 {
        float: none;
        margin-bottom: 0px;
    }
    .menu_group_header .menu_list_3 {
        padding: 0px;
    }
    .menu_group_header .menu_item_3 {
        float: none;
        width: 100%;
    }
    .menu_group_header .menu_item_3 .menu_link {
        padding-left: 30px;
    }
    .arrow_toggle{
        margin-left: 1px;
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }
    .menu_group_header .menu_eventer:hover .arrow_toggle {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
#comparison {
    margin-top: 5px;
}
#catalog_menu {
    margin-top: -1px;
}
.category_link {
    display: block;
    border-top: 1px solid #a4a4a4;
    padding: 11px 30px 9px 5px;
    color: #303030;
    font-size: 14px;
}
.category_link:hover,
.category_link.selected {
    color: #2185d1;
}
.submenu .category_link {
    padding-left: 10px;
}
.submenu .submenu .category_link {
    padding-left: 20px;
}
.submenu .submenu .submenu .category_link {
    padding-left: 30px;
}
.submenu .submenu .submenu .submenu .category_link {
  padding-left: 40px;
  padding-right: 5px;
}
.submenu .category_link {
  border-top: 1px dotted #a4a4a4;
}
.level_2 .category_link {
    font-size: 12px;
}
.level_3 .category_link {
    text-transform: none;
    font-size: 14px;
}
.categories_menu > li.opened > a,
.categories_menu > li > a:hover,
.categories_menu > li > .selected {
    background: rgba(0,0,0,.05);
}
#left::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
}
.content_col::before {
    content: "";
    display: block;
    height: 250px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
}
.catalog_heading {
    margin: 0;
    padding: 8px 15px 6px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    background: #9d9f9e;
}
.all_news {
    float: right;
    margin: 3px 0 0 20px;
}
.widget {
    margin-bottom: 25px;
}
.sort_by {
    margin-bottom: 15px;
}
.products {
    margin-top: 20px;
}
}


@media (min-width: 768px) and (max-width: 991px) {
#phones {
    float: right;
}
.right_header {
    clear: right;
}
#main_menu {
    padding: 0;
}
#main_menu a {
    font-size: 12px;
    padding: 16px 17px;
}
.callback_link,
#wish_compare,
#wish_compare a {
    font-size: 13px;
}
.top_phone {
    font-size: 18px;
}
#logo b {
    font-size: 40px;
}
#wish_compare {
    float: left;
    margin-top:20px;
}
#comparison {
    margin-top: 3px;
}
.products .image,
.compar_product .image {
    line-height: 131px;
    height: 165px;
}
.page_title {
    margin-top: 20px;
}
#left {
    padding-top: 20px;
}
.widget {
    margin-bottom: 20px;
}
.main_banner {
    margin-top: 20px;
}
.select_overlay {
    top: 65px;
}
.list .select_overlay {
    left: 130px;
}
.list .image {
    width: 180px;
}
.purchase_price label,
.purchase_sum label {
    display: none;
}
}


@media (min-width: 992px) {
.container {
    max-width: 970px;
}
.lg-hidden {
	display: none;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}
.col-lg-1 {
    width: 8.333333%;
}
.col-lg-2 {
    width: 16.666667%;
}
.col-lg-3 {
    width: 25%;
}
.col-lg-4 {
    width: 33.333333%;
}
.col-lg-5 {
    width: 41.666667%;
}
.col-lg-6 {
    width: 50%;
}
.col-lg-7 {
    width: 58.333333%;
}
.col-lg-8 {
    width: 66.666667%;
}
.col-lg-9 {
    width: 75%;
}
.col-lg-10 {
    width: 83.333333%;
}
.col-lg-11 {
    width: 91.666667%;
}
.col-lg-12 {
    width: 100%;
}
.form .button {
    float: right;
}
#left {
    padding-top: 30px;
}
#main_menu li:last-child,
#main_menu li:first-child {
    -webkit-box-shadow: inset 1px 0 0 0 rgba(0,0,0,.5), inset -1px 0 0 0 rgba(0,0,0,.5);
    box-shadow: inset 1px 0 0 0 rgba(0,0,0,.5), inset -1px 0 0 0 rgba(0,0,0,.5);
}
#phones {
    float: left;
    margin: 0 0 0 58px;
}
#wish_compare {
    margin: 16px 58px 0 0;
}
.products .image,
.compar_product .image {
    height: 224px;
    line-height: 190px;
}
.select_overlay {
    top: 95px;
}
.list .select_overlay {
    left: 130px;
}
#subscribe_container {
    float: right;
}
.foot_menu {
    margin-top: 0;
}
.side_product .image {
    width: 80px;
    height: 80px;
    line-height: 60px;
    float: left;
    margin-bottom: 0;
}
.side_product .details {
    margin: 0 0 0 95px;
    overflow: hidden;
}
}

@media (min-width: 1200px) {
.container {
    max-width: 1200px;
}
.xl-hidden {
	display: none;
}
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
}
.col-xl-1 {
    width: 8.333333%;
}
.col-xl-2 {
    width: 16.666667%;
}
.col-xl-3 {
    width: 25%;
}
.col-xl-4 {
    width: 33.333333%;
}
.col-xl-5 {
    width: 41.666667%;
}
.col-xl-6 {
    width: 50%;
}
.col-xl-7 {
    width: 58.333333%;
}
.col-xl-8 {
    width: 66.666667%;
}
.col-xl-9 {
    width: 75%;
}
.col-xl-10 {
    width: 83.333333%;
}
.col-xl-11 {
    width: 91.666667%;
}
.col-xl-12 {
    width: 100%;
}
#left,
#content,
#footer,
#header,
#main_menu {
    padding-left: 15px;
    padding-right: 15px;
}
#phones {
    margin: 3px 0 0 115px;
}
#wish_compare {
    margin: 16px 115px 0 0;
}
.products .image,
.compar_product .image {
    padding: 30px;
    height: 252px;
    line-height: 188px;
}
.list .image {
    width: 270px;
}
.side_heading,
.catalog_heading {
    font-size: 18px;
    padding: 10px 20px 9px 20px;
}
.select_overlay {
    top: 110px;
}
.list .select_overlay {
    left: 130px;
}
.products {
    margin-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
.products .product {
    padding-left: 15px;
    padding-right: 15px;
}
.list .product,
.grid .product,
.wishlist_page .product {
    margin-bottom: 30px;
}
}


@media only screen and (min-width: 1220px) {
.container {
    max-width: 1200px;
}
.products .image,
.compar_product .image {
    height: 264px;
    line-height: 200px;
}
}


@media (max-width: 991px) {
.tablet-hidden {
    display: none;
}
}


@media (max-width: 767px) {
.mobile-hidden {
    display: none;
}
#catalog_list::before {
    content: "";
    display: block;
    height: 250px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: -1;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
}
.catalog_heading  {
    background: #0b6cb6;
    background: -webkit-linear-gradient(top, #278cd9 0%,#0b6cb6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#278cd9), color-stop(100%,#0b6cb6));
    background: -moz-linear-gradient(top, #278cd9 0%, #0b6cb6 100%);
    background: -ms-linear-gradient(top, #278cd9 0%,#0b6cb6 100%);
    background: -o-linear-gradient(top, #278cd9 0%,#0b6cb6 100%);
    background: linear-gradient(to bottom, #278cd9 0%,#0b6cb6 100%);
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    position: relative;
}
.catalog_heading::after{
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/sprite.svg);
    background-position: -116px 0px;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
.catalog_heading.active::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#main_menu {
    position: fixed;
    display: none;
    left: 0;
    overflow: auto;
    top: 50px;
    width: 230px;
    height: calc(100% - 50px);
    padding: 0 0 50px;
    z-index: 999;
    background: #232323;
    border-top: 1px solid #363636;
    border-right: 2px solid #363636;
}
.menu_group_header {
    float: none;
    width: 220px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.account_li {
    margin-top:5px;
}
#main_menu  a:before {
    display: block;
    float: left;
    content: '';
    width: 30px;
    height: 20px;
    background: url(../images/sprite.svg) no-repeat 0px -40px;
}
#main_menu  a[href="blog"]:before,
#main_menu  a[href="news"]:before {
    background-position:  -80px -39px;
}
#main_menu  a[href="dostavka"]:before {
    background-position:  0px -79px;
}
#main_menu  a[href="oplata"]:before {
    background-position:  -160px -39px;
}
#main_menu  a[href="contact"]:before {
    background-position:  -120px -39px;
}
#main_menu  a[href="user/login"]:before {
    background-position:  -160px 1px
}
#main_menu  a[href="user/register"]:before {
    background-position:  0px 1px;
}
#main_menu  a[href="brands"]:before {
    background-position:  -201px -39px;
}
#main_menu  a {
    color: #f2f2f2;
    border-bottom: 1px solid #363636;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 26px;
    padding: 10px 20px 11px;
    position: relative;
    text-decoration: none;
}

#catalog_list {
    margin-left: -15px;
    margin-right: -15px;
}
#catalog_menu {
    background: #232323;
    padding: 0 15px;
}
.category_link {
    color: #f2f2f2;
    border-bottom: 1px solid #363636;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 26px;
    padding: 10px 20px 10px 10px;
    text-decoration: none;
}
.category_link:hover,
.category_link.selected {
    color: #2185d1;
}
.cat_switch {
    background-position: -116px 0px;
}
.submenu .cat_switch {
    background-position: -67px -180px
}
.cat_switch.active {
    background-position: -76px 0px ;
}
.submenu .cat_switch.active {
    background-position: -31px -180px ;
}
#header {
    padding-top: 20px;
    padding-bottom: 10px;
    margin-top: 50px;
}
#logo {
    margin-bottom:  15px;
    text-align: center;
}
#phones {
    float: left;
}
#wish_compare {
    float: right;
    margin-top: 12px;
}
#phones a,
#wishlist {
    margin-bottom: 5px;
}
#search {
    position: fixed;
    top: 50px;
    left: 0px;
    display: none;
    width: 100%;
    margin: 0;
    z-index: 101;
    padding: 0 4px 4px;
    background-color: #232323;
}
#cart_informer {
    z-index: 101;
    position: fixed;
    right: 15px;
    top: 0;
    margin: 0;
    line-height: 50px;
    margin: 0;
}
a.cart_info,
.cart_info {
    color: #fff;
}
.cart_icon {
    background: url(../images/sprite.svg) no-repeat 0px -218px;
}
a.cart_info:hover span {
    color: #fff;
}
.products .image,
.compar_product .image {
    line-height: 170px;
    height: 204px;
}
#flypage .product_info,
#flypage.h1 {
    text-align: center;
}
.gallery .image {
    padding: 15px;
    height: auto;
    line-height: 1;
}
.select_overlay {
    top: 80px;
}
.list .select_overlay {
    top: 95px;
    left: 67px;
}
.sort_by {
    margin-top: 20px;
}
}

@media (max-width: 650px) {
.purchase_price label,
.purchase_sum label {
    display: none;
}
.products .product {
    width: 100%;
    float: none;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
}
.products .image,
#products .image {
    float: left;
    width: 124px;
    height: 124px;
    padding: 10px;
    line-height: 100px;
    margin: 0 15px 0 0;
}
.products .product_name {
    margin-top: 0;
    padding: 0;
}
#products .annotation {
    height: 36px;
    margin-bottom: 5px;
    overflow: hidden;
}
.select_overlay,
#products .select_overlay {
    margin: 0;
    left: 7px;
    top: 46px;
    width: 110px;
}
.products .details {
    text-align: left;
}
}

@media (max-width: 543px) {
.small-hidden {
    display: none;
}
.purchase_image {
    width: 100%;
    float:  none;
    border: none;
}
.purchase_details {
    margin:  0;
}
.purchase_name {
    margin: 5px 0 10px;
}
.comparison_left {
    width: 40%;
}
.comparison_products {
    width: 60%;
}
}

@media (max-width: 480px) {
#products .annotation {
    display: none;
}
.purchase_amount .input_amount {
    width: 35px;
}
.purchase_amount .plus,
.purchase_amount .minus {
    width: 15px;
}
.purchase_amount .amount {
    width: 75px;
}
.c_head {
    display: none;
}
#sm_logo {
    display: none;
}
}

@media (max-width: 380px) {
#logo b {
    font-size: 46px;
}
.blog_image {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    position: relative;
    margin-bottom: 5px;
}
.captcha{
    transform:scale(0.9);
    transform-origin:0 0;
}
}

@media (max-width: 365px){
    .captcha{
        transform:scale(0.86);
        transform-origin:0 0;
    }
}