@media screen and (min-width:1151px) and (max-width:1250px) {
    html {
        zoom:0.9;
    }
}
@media screen and (min-width:1051px) and (max-width:1150px) {
    html {
        zoom:0.8;
    }
}
@media screen and (min-width:901px) and (max-width:1050px) {
    html {
        zoom:0.7;
    }
}

@media screen and (min-width:301px) and (max-width:900px) {
    body {
        width:100%;
        min-width:100%;
    }
    .center-box {
        width:95%;
    }
    h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .top-line {
        height:auto;
    }
    .lk-btns {
        float: none;
        text-align: center;
    }
    .top-line a {
        display: inline-block;
        margin: 0;
    }
    .logo-box {
        float: none;
        width: 100%;
        text-align: center;
    }
    .search-box {
        float: none;
        width: 100%;
        margin-left: 0;
        padding-top: 35px;
    }
    .slogan-box {
        float: none;
        width: 100%;
        text-align: center;
    }
    .slogan-box br {
        display:none;
    }
    .icons-box {
        float: none;
        width: 100%;
    }
    .nav-line .nav-box {
        overflow:hidden;
        height:0;
    }
    .mob-menu {
        display:block;
        float:left;
        padding:10px 20px 10px 40px;
        background:url(../images/catmenu.svg) left center no-repeat;
    }
    .nav-box.active {
        height:auto;
    }
    .nav-line .nav-box {
        float: none;
        width: 100%;
    }
    .nav-line ul.menu > li {
        display: block;
    }
    .nav-line ul.menu li.cartlink {
        float: none;
    }
    .nav-line ul.menu ul {
        display: none!important;
    }
    .nav-line ul.menu > li > a.catmenu {
        padding: 10px 20px;
        background: none;
    }
    .nav-line ul.menu > li > a.catmenu:hover {
        background: none;
    }
    .nav-line ul.menu {
        margin: 10px 0;
        background: #eff3f4;
    }
    .nav-line ul.menu > li a {
        border-bottom:1px solid #fff;
    }
    ul.breadcrumb {
        /*white-space: nowrap;*/
        line-height: 21px;
        font-size: 12px;
        overflow:auto;
    }
    .slider-line img {
        width:100%;
    }
    .catalog-items {
        margin: 0;
    }
    .catalog-teaser {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 10px;
    }
    .catalog-teaser-img {
        height:auto;
    }
    .catalog-teaser-title {
        height: auto;
        display: block;
        width: 100%;
    }
    .catalog-teaser-cost {
        position: relative;
        bottom: 0;
    }
    .catalog-teaser-more {
        position: relative;
        bottom: 0;
    }
    
    .filial-teaser {
        float: none;
        width: 100%;
        margin: 0 0 10px;
    }
    .filial-info {
        min-height: auto;
    }
    .filial-full .filial-img {
        float: none;
        width: 100%;
        margin: 0;
    }
    .filial-full .filial-info {
        float: none;
        width: 100%;
        min-height: auto;
    }
    .five-column {
        float: none;
        width: 100%;
        margin: 0;
    }
    .five-column .column-content {
        display:none;
    }
    .five-column .column-title {
        padding: 10px 20px 10px 40px;
        background: url(../images/catmenu.svg) left center no-repeat;
    }
    .seminar-teaser img {
        width: 100%;
        height: auto;
    }
    .seminar-text img {
        width: 100%;
        height: auto;
    }
    
    #yoo-zoo .categories {
        padding: 0;
    }
    #yoo-zoo .categories .category {
        padding: 9px 60px 8px 20px !important;
        margin:0;
        float: none;
        position:relative;
        border-radius:0;
        border-top:0;
        border-left:0;
        border-right:0;
        background:none;
    
    }
    #yoo-zoo .categories .category span {
        position:absolute;
        right:20px;
    }
    
    .item-img {
        float: none;
        width: 100%;
    }
    .item-info {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    
    .basket-list {
        overflow: auto;
    }
    .basket-total .summ {
        margin-left: 0;
    }
    .basket-big-box .sendbasket {
        display: block;
    }
    .basket-big-box .requestbasket {
        display: block;
    }
    
    
    
    
    
    .footer-line .nav-box {
        float: none;
        width: 100%;
        margin-top:30px;
    }
    .footer-line ul.menu {
        border-top: 1px solid #ffffff33;
    }
    .footer-line ul.menu > li {
        display: block;
        text-align: center;
        border-bottom: 1px solid #ffffff33;
    }
    .footer-line .text-box {
        text-align: center;
    }
    .footer-line .developer {
        float: none;
        display:block;
    }
    
    .fos-box {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-top: 0;
        background: #fff;
        background-size: cover;
        color: #333;
        z-index: 2200;
        overflow:auto;
    }
    
    .fos-box .left_side {
        float:none;
        width:100%;
        height:auto;
        padding: 30px 20px;
        text-align:center;
    }
    .fos-box .right_side {
        float:none;
        width:100%;
        height:360px;
    }
    .fos-box input[type="submit"] {
        float: none;
        display: block;
        width: 100%;
        padding: 6px 15px 8px 15px;
        cursor: pointer;
        text-decoration: none;
        background: #DAA74E;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        line-height: 18px;
        z-index: 100;
        border-radius: 5px;
        border:0;
    }
}