@media screen and (max-width: 1200px) {

    small {
        font-size: 100%;
    }

    .backfixer {
        overflow: hidden;
    }

    header .top-line .nav .phones .number strong {
        font-size: 16px;
    }

    #pager .pages {
        width: 180px;
    }

    #content .inner-container nav .dealer {
        overflow: hidden;
    }

    .dealer a {
        display: block;
        width: 100%;
        height: auto;
    }

    .dealer a img {
        width: 100%;
        height: auto;
    }

    .dealer a:first-child {
        display: block;
        width: 80px;
        height: auto;
        margin: auto;
    }

    #content .inner-container nav .left-menu li li a {
        padding: 5px 10px;
    }

    #content .inner-container nav .left-menu li a.base {
        padding: 5px;
    }

    #filter .submit {
        text-align: center;
    }

    #filter dd.range input {
        width: 30%;
    }

    #content .inner-container nav .left-menu li a.base {
        padding: 5px;
        font-size: 100%;
    }

    img {
        max-width: 100%;
    }

    #content .inner-container article {
        overflow: hidden;
    }

    table {
        max-width: 100%;
    }

}

@media screen and (max-width: 991px) {
    .widthfixer {
        max-width: 100%;
        min-width: auto;
    }

    .top-nav-container .base {
        max-width: 100%;
        min-width: auto;
        margin: 0 0;
        width: 100%;
    }

    .top-nav-container .logo {
        top: -31px;
        left: 5%;
        width: 90px;
        height: auto;
    }

    .top-nav-container .base ul {
        left: 14%;
    }

    div.widthfixer {
        min-width: auto;
        max-width: 100%;
    }

    header .top-line .nav {
        top: 0px;
        left: 0;
    }

    header .top-line .sub-nav {
        position: absolute;
        top: 10px;
        left: 66%;
    }

    .top-line {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    header .top-line .nav,
    header .top-line .sub-nav,
    header .top-line .profile{
        position: relative;
        left: 0;
        top: 0;
        padding: 0 15px;
    }

    header .top-line .nav .phones .local {
        margin-right: 10px;
    }

    header .top-line .profile {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    header .top-line {
        width: 100%;
        height: 90px;
        background: #f2efed;
        padding: 0;
        position: relative;
        max-width: 100%;
    }

    .top-nav-container {
        top: 90px;
    }

    body.home {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }

    div.backfixer {
        max-width: 100%;
        width: 100%;
    }

    .top-nav-container .logo {
        top: -15px;
        left: 5%;
        width: 68px;
        height: auto;
    }

    #content .brand-line a {
        display: block;
        margin: 10px;
        zoom: 1;
        width: 30%;
    }

    .brand-line {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    header nav.store li>a {
        background: rgba(255, 255, 255, 0.76);
    }

    header nav.store li li {
        float:none;
        width:100%; height:auto;
        text-align:left;
        margin:0 0 0.5em 0;
        padding:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
    }

    header nav.store li li a {
        display:inline;
        padding:0;
        background:none;
        font-size:100%;
        font-weight:normal;
        color:#93898c;
        text-shadow:none;
        border-bottom:1px solid rgba(131,121,124,0.3);
    }

    header nav.store li ul {
        visibility:visible;
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        top: 95px;
    }


    header .store li ul {top: 95px;}

    header nav.store li>a {
        color:#6c0f36;
        text-shadow:none;
        background-color:#ffffff;
        -webkit-box-shadow:0 30px 60px rgba(0,0,0,0.5);
        -moz-box-shadow:0 30px 60px rgba(0,0,0,0.5);
        box-shadow:0 30px 60px rgba(0,0,0,0.5);
    }

    header nav.store li>a span {
        background-image:url("/f/i/underline-wave-hover.png");
    }

    .back-decor img {
        min-width: 100%;
        height: 100%;
    }

    .top-nav-container .base .home-link {
        left: 1%;
    }

    .top-nav-container .base .controls #cart a i {
        left: 7px;
    }

    .top-nav-container .base .controls #cart a {
        padding: 0 20px 0 50px;
    }

    header nav.store li>a span {
        padding: 20px;
    }

    header nav.store li>a span {
        font-size: 26px;
    }

    div.downloads-frontpage ul li {
        width: 30%;
    }

    .home header {
        height: 640px;
    }

    .back-decor {
        height: 640px;
    }

    header nav.store ul {
        padding-bottom: 60px;
    }

    header nav.store li:last-child {
        display: none;
    }

    header nav.store ul {
        overflow: inherit;
    }

    #content .inner-container {
        width: 96%;
    }

    #store-filter {
        position: relative;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0;
        font-size: 95%;
        background-color: #f6f3f0;
    }

    #store-filter .sort li:first-child {
        display: none;
    }

    #store-filter form,
    #store-filter .type,
    #store-filter .view,
    #store-filter .sort{
        position: relative;
        left: 0;
        top: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 2px;
    }

    div#store-filter {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #store-filter form select {
        font-size: 11px;
    }

    footer table .search {
        width: 28%;
    }

    #filter dd.range input {
        width: 77%;
        font-size: 14px;
    }

    #store-item .details,
    #store-item .photo {
        float: none;
        width: 100%;
    }

    #content .inner-container article.store a#print-version {
        position: relative;
        text-decoration: none;
        top: 10px;
        right: 0;
        display: block;
        padding-left: 18px;
    }

    #content .inner-container article.store h1.store-item-title {
        width: 100%;
        font-size: 30px;
    }

    div#store-item {
        width: 100%;
    }

    #store-item .photo .grid table {
        margin: 1em 0;
        width: 100%;
    }

    dl.brand-certificate dd a {
        width: 30%;
    }

    dl.brand-certificate dd a img {
        display: block;
        width: 100%;
        height: auto;
    }

    h1 {
        font-size: 30px;
    }

    table.description {
        border-collapse: collapse;
        margin: 1.5em 0;
        border-bottom: 2px solid #6c0f36;
        overflow: auto;
        display: block;
    }


}


@media screen and (max-width: 769px) {

    .top-line {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .phones {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    header .top-line {
        height: auto;
        text-align: center;
        padding: 20px 0;
    }

    .top-nav-container {
        top: 206px;
    }

    .base ul {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 30%;
        margin: auto;
        position: relative;
    }

    .top-nav-container .base {
        background: #f5ebe1;
        height: 240px;
    }

    nav.base {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .top-nav-container .base ul {
        left: 0;
    }

    .top-nav-container .base .controls {
        width: 33%;
    }

    .top-nav-container .base li a {
        height: 40px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .top-nav-container .base .home-link {
        left: 0;
        height: 30px;
    }

    .top-nav-container .logo {
        left: 10%;
    }

    .top-nav-container .base .controls #cart {
        background: none;
    }

    header nav.store {
        display: none;
    }

    .back-decor {
        height: 444px;
    }

    .home header {
        height: 450px;
    }

    .top-nav-container .base li {
        border-bottom: 1px solid rgba(108,15,54,0.3);
        width: 120px;
    }

    .top-nav-container .base li a span {
        border-bottom: none;
    }

    .top-nav-container .base ul {
        margin-bottom: 12px;
    }

    .top-nav-container .base .controls {
        width: 33%;
        margin-top: 100px;
    }

    .top-nav-container .logo {
        left: 10%;
        margin-top: 75px;
        top: 0;
    }

    li.item {
        width: 49%;
    }

    #content .store-items-list .store-items {
        height: auto;
        overflow: hidden;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    div.advantages ul {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    div.advantages ul li {
        width: 49%;
    }

    div.advantages ul li span {
        padding: 100px 5% 10px 5%;
    }

    div.frontpage-news ul {
        width: 95%;
        margin: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    div.frontpage-news ul li {
        float: none;
        width: 40%;
        margin-right: 0;
        margin: 3%;
        text-align: center;
    }

    footer table .search {
        width: 100%;
        text-align: center;
    }

    footer table .con-cop {
        width: 100%;
        text-align: center;
    }

    footer table .search form .query {
        width: 90%;
    }

    footer table .con-cop .contacts,
    footer table .con-cop .copy {
        float: none;
        width: 100%;
        text-align: center;
    }

    #content .yxos {
        position: relative;
        width: 95%;
        margin: 2em auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #content .yxos ul li {
        float: none;
        padding: 0;
        margin: 15px auto;
        width: 90%;
    }

    .top-nav-container .base .controls #cart {
        width: 100%;
    }

    header {
        height: 400px;
    }

    .back-decor img {
        display: none;
    }

    #content .inner-container {
        width: 95%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #content .inner-container nav {
        position: relative;
        float: none;
        width: 95%;
    }

    #content .inner-container nav .dealer {
        display: none;
    }

    dl.brand-certificate dd a {
        width: 40%;
    }

    ul.video-list {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #content .inner-container article.text ul.video-list li {
        width: 99%;
    }

    .top-nav-container .base li.selected em, .top-nav-container .base li a {
        text-align: center;
    }

    h3 {
        font-size: 23px;
    }

    #filter dd.range input {
        width: 30%;
    }

    #content .inner-container article {
        width: 98%;
    }

    div#store-filter {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #store-filter form, #store-filter .type, #store-filter .view, #store-filter .sort {
        padding: 0 10px;
    }

    ul.store-items {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    div#store-filter {
        padding: 10px 0;
    }

    .top-nav-container.fixed .base {
        background: #f5ebe1;
        height: 55px;
    }

    .top-nav-container.fixed .base ul {
        margin-bottom: 12px;
        display: none;
    }

    .top-nav-container.fixed .logo {
        left: 10%;
        margin-top: -5px;
    }
    .top-nav-container.fixed .base .controls {
        width: 33%;
        margin-top: 0;
    }

    .top-nav-container.fixed .base.active {
        background: #f5ebe1;
        height: 250px;
    }

    .top-nav-container.fixed .home-link {
        background: url(/f/i/menu.png) transparent center center no-repeat;
        cursor: pointer;
    }

    .top-nav-container.fixed .home-link.active {
        background: url(/f/i/error.png) transparent center center no-repeat;
        cursor: pointer;
    }

    #store-item .grid tr {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .userform tr {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mfp-content h1 {
        font-size: 24px;
    }

    .userform td {
        text-align: center;
    }

    dl.brand-certificate dd {
        text-align: center;
    }

    dl.brand-certificate dd a {
        margin: 7px;
    }
    .brand-certificate a {
        font-size: 14px;
    }

    div#div_login {
        width: 320px;
        text-align: center;
        margin: auto;
    }

    #content .inner-container article dl.contacts-data dt {
        width: 60%;
    }

    .top-nav-container.fixed .base.active ul {
        margin-bottom: 12px;
        display: block;
    }

    .top-nav-container.fixed .base.active .controls {
        display: block;
        position: relative;
        height: 75px;
    }

    .top-nav-container.fixed .base.active {
        height: 386px;
    }

    .top-nav-container.fixed .base.active ul {
        margin-bottom: 12px;
        display: block;
        width: 55%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .top-nav-container.fixed .base.active ul {
        margin-top: 10px;
    }

    .logo.active {
        display: block;
    }

    .top-nav-container.fixed .logo img {
        height: 100%;
        width: 100%;
    }

    .top-nav-container.fixed .logo a {
        display: block;
        width: 75px;
        height: auto;
    }

    .logo.active {
        display: none;
    }
    .top-nav-container .logo a {
        margin: auto;
        width: 75px;
        height: auto;
        display: block;
    }

    .top-nav-container .logo img {
        width: 70px;
    }

    .widthfixer.desctop-top {
        display: none;
    }

    .mobile-top {
        display: block;
    }

    .mobile-top-top {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mobile-top-top {
        font-size: 14px;
    }

    .mobile-top-logo {
        width: 12%;
        padding: 7px 20px;
        max-height: 90px;
    }

    .mobile-top-phones {
        width: 36%;
    }

    .federal.number {
        width: 36%;
    }

    .federal.number p {
        margin: 0;
        font-size: 12px;
    }

    .top-nav-container .logo {
        display: none;
    }

    .mobile-top-form {
        text-align: center;
    }

    .top-nav-container {
        top: 140px;
    }

    .mobile-top-form a.feedback {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        text-indent: -999px;
        margin-top: -1px;
        width: 20px;
        height: 20px;
        background: url(/f/i/ico-feedback.png) transparent left center no-repeat;
    }

    .mobile-top-top div {
        text-align: center;
    }

    .mobile-top-logo img {
        width: 100%;
        HEIGHT: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        max-height: 75px;
    }

    .top-nav-container.fixed .logo {
        display: block;
    }

    .top-nav-container.fixed .logo.active {
        display: none;
    }

    .scroll-block {
        overflow-x: scroll;
        display: block;
    }

    .footer-tablet tr {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .top-nav-container .base .home-link {
        display: none;
    }

    .top-nav-container.fixed .base .home-link {
        display: block;
    }

    .userform input {
        width: 200px!important;
    }

    label.clickable {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer table .con-cop {
        font-size: 115%;
    }

    dl.contacts-data.timeline {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }


}

@media screen and (max-width: 500px) {

    .top-nav-container .base {
        height: 290px;
    }

    header .top-line .nav .slogan {
        font-size: 15px;
    }

    .top-nav-container .logo {
        left: 2%;
        margin-top: 65px;
        top: 0;
    }

    .top-nav-container .base .controls #cart a {
        padding: 13px 17px 13px 48px;
    }

    .top-nav-container .base .controls {
        width: 46%;
        margin-top: 0;
    }

    .top-nav-container .base {
        position: relative;
    }
    .top-nav-container .base .home-link {
        display: none;
    }

    .top-nav-container.fixed .base .home-link {
        display: block;
    }

    .top-nav-container .base .controls {
        width: 100%;
        margin-top: 0;
        position: relative;
        text-align: center;
        height: 75px;
    }

    .top-nav-container .logo {
        left: 0;
        margin-top: 0;
        top: 0;
        position: relative;
        width: 68px;
        margin: auto;
    }

    .controls table {
        width: 103px;
        position: relative;
        margin: auto;
    }

    .top-nav-container .logo {
        left: 0;
        margin-top: 0;
        top: 0;
        position: relative;
        width: 100%;
        margin: auto;
        text-align: center;
        background: #f2efed;
    }

    .top-nav-container.fixed .logo {
        background: transparent;
    }

    .top-nav-container.fixed .base .controls {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 45%;
    }

    .top-nav-container.fixed .base {
        background: #f5ebe1;
        height: 74px;
    }

    .top-nav-container .base ul {
        margin-bottom: 0;
        margin-top: 5px;
    }

    .top-nav-container .base .controls #cart a i {
        left: 6px;
        top: 19px;
    }

    .home header {
        height: 500px;
    }

    li.item {
        width: 100%;
        border-bottom: 1px solid #f5ebe1!important;
    }

    .top-nav-container .base .controls #cart a {
        border-radius: 5px;
    }

    div.downloads-frontpage div.downloads-head span {
        font-size: 20px;
    }

    div.downloads-frontpage ul li {
        width: 50%;
    }

    div.frontpage-news ul li {
        width: 90%;
        border-bottom: 1px solid #f5ebe1;
        padding-bottom: 10px;
    }

    div.frontpage-news ul li a img {
        margin: auto;
    }

    div.advantages ul li {
        width: 100%;
    }

    ul.store-items li a {
        margin: auto!important;
    }

    .back-decor img {
        display: none;
    }

    #content .brand-line a {
        display: block;
        margin: 3px;
        zoom: 1;
        padding: 7px;
        width: 40%;
        border: 1px solid #f5ebe1;
    }

    ul.sub-nav {
        display: none;
    }

    .slogan {
        display: none;
    }

    .top-nav-container {
        top: 140px;
    }

    #content .brand-line {
        margin: 20px auto;
    }

    h1 {
        font-size: 20px;
    }

    #content .inner-container article.store h1.store-item-title {
        width: 100%;
        font-size: 20px;
    }

    #content .inner-container article.store h2.store-item-title {
        font-size: 18px;
    }

    .top-nav-container.fixed .logo {
        margin-top: 4px;
    }

    .top-nav-container .logo a {
        margin-top: -3px;
    }

    .mobile-top-top {
        font-size: 14px;
    }

    .mobile-top-logo {
        width: 16%;
        padding: 10px;
    }

    .mobile-top-phones {
        width: 32%;
    }

    .federal.number {
        width: 45%;
    }

    .federal.number p {
        margin: 0;
        font-size: 12px;
    }

    .mobile-top-top {
        font-size: 13px;
    }

    .federal.number p {
        margin: 0;
        font-size: 12px;
    }

    header {
        height: 450px;
    }

    .top-nav-container.fixed .logo {
        margin-top: 4px;
        width: 75px;
        height: 86px;
    }
    
    .top-nav-container.fixed .logo.active {
        display: none;
    }

    ul.geo li {
        width: 45%;
    }

    footer table .search form .query {
        width: 84%;
    }

    .top-nav-container .base .controls .search {
        width: 1%;
        display: none;
    }

}