/* Media */
/*********/

/*
.container {
    margin: 0 auto;
    padding: 0;
    width: 1300px;
}
*/

/* Extra Large Monitor */
/*
@media (min-width: 1680px) {
    .container { width: 1630px; }
}
*/


/* Large Monitor - lg */
@media (min-width: 1350px) and (max-width: 1679px) {
    /* Default */
}


/* Small Tablet - md */
@media (min-width: 960px) and (max-width: 1349px) {
    body {
        font: 13px "Roboto", sans-serif;
        font-weight: 400;
        background-color: #fff;
        height: auto;
    }

    h1 {
        font: 44px "Montserrat", sans-serif;
        font-weight: 700;
    }
    
    h2 {
        font: 30px "Montserrat", sans-serif;
        font-weight: 700;
    }
    
    h3 {
        font: 24px "Montserrat", sans-serif;
        font-weight: 700;
    }
    
    h4 {
        font: 18px "Montserrat", sans-serif;
        font-weight: 700;
    }

    .big {
        font: 24px "Roboto", sans-serif;
        line-height: 160%;
    }
    
    .trm.btn.big {
        padding: 0 30px;
        height: 57px;
    }

    .trm.cols .col5.md-col4 {
        width: 25%;
        padding: 0 25px;
    }
    .trm.cols .col5.md-col3 {
        width: 33.3333%;
        padding: 0 25px;
    }
    .trm.cols .col5.md-col2 {
        width: 50%;
        padding: 0 25px;
    }
    .trm.cols .col5.md-col1 {
        width: 100%;
        padding: 0 25px;
    }

    .container { width: 910px; }
    
    .trm.header .logo a img { 
        /* margin-bottom: 9px; */
        width: 210px;
    }

    .trm.header .search { display: none; }

    .trm.header .search {
        position: absolute;
        top: 80px;
        left: 0;
        height: auto;
        width: 100%;
        z-index: 999;
        padding: 32px;
        background-color: rgba(248, 248, 250, 0.97);
        text-align: center;
    }

    .trm.header .search .search-input {width: 100%; }
    
    .trm.header .search .search-input-btn {
        position: static;
        width: 100%;
        margin-top: 10px;
    }

    .trm.header .mobile-search { display: block; }    

    /* .trm.header .search .search-input { width: 400px; }
    .trm.header .search .search-input-btn { width: 55px; } */

    .trm.topmenu ul li a:link,
    .trm.topmenu ul li a:visited,
    .trm.bottommenu ul li a:link,
    .trm.bottommenu ul li a:visited {
        font: 17px "Roboto", sans-serif;
        font-weight: 600;        
        margin: 0 8px;
        white-space: nowrap;
    }
    
    .trm.header .phone .phone-num {
        font: 20px "Montserrat", sans-serif;
        font-weight: 700;
    }

    .trm.bnr .bnr-container { height: 315px; }
    .trm.bnr .bnr-container .bnr-slide .slide-photo,
    .trm.bnr .bnr-container .bnr-slide .slide-cover { max-width: 100%; }
    .trm.bnr .bnr-container .bnr-slide .slide-text {
        top: 0;
        left: 570px;
        width: 250px;
        height: 100%;
        padding: 40px 0;
    }

    .trm.bnr .bnr-container .bnr-slide .slide-text .title {
        font: 30px "Montserrat", sans-serif;
        font-weight: 700;
    }
    .trm.bnr .bnr-container .bnr-slide .slide-text .descr {
        font: 22px "Roboto", sans-serif;
        font-weight: 300;
        color: #fff;
    }    

    .trm.bnr .bnr-switch-container .bnr-switch-btn {
        display: inline-block;
        border: 2px solid #fff;
        width: 11px;
        height: 11px;
        border-radius: 11px;
        margin-right: 2px;
        cursor: pointer;
    }

    .trm.bnr .bnr-switch-container {
        right: 20px;
        bottom: 20px;
    }
    .trm.bnr .bnr-switch-right {
        right: 20px;
        top: 50%;
        margin-top: -27px;
    }
    .trm.bnr .bnr-switch-left {
        left: 20px;
        top: 50%;
        margin-top: -27px;
    }


    .trm.adv .adv-item .adv-title {
        font: 20px "Montserrat", sans-serif;
        font-weight: 700;
    }    

    .trm.goods .container .goods-container,
    .trm.goods .container .goods2-container { width: 66.6666%; }
    .trm.goods .container .news-container { width: 33.3333%; }
    .trm.goods .container .bnr3-container { width: 33.3333%; }

    .trm.goods .container .bnr3-container .bnr3-item img { max-width: 100%; }

    .trm.goods .goods-items-container .commodity-item-container { width: 50%; }

    .trm.addinfo .container .shops .shops-container { flex-direction: column; }
    .trm.addinfo .container .shops .shops-container .shop-item {
        padding: 0;
        width: 100%;
    }

    .trm.brands .brands-container a:nth-child(11),
    .trm.brands .brands-container a:nth-child(12),
    .trm.brands .brands-container a:nth-child(13),
    .trm.brands .brands-container a:nth-child(14) { display: none; }
    
    .trm.adv .adv-item { width: 25%; }
    .trm.adv .adv-item.like { display: none; }

    .news-details .news-details-container { width: 64%; }
    .news-details .news-details-icon { width: 36%; }

    .category-container .commodity-list.commodity-list-filter .commodity-item-container {
        width: 50%;
        padding: 10px;
    }    

    .subcategory-container > a {
        margin: 0;
        border: 1px solid #f8f9fa;
        padding: 5px 20px;
        background-color: #fff;
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.25s linear;
        text-align: center;
    }
    
    .category-menu .menu-item u { display: none; }

    .trm.input {
        font: 13px "Roboto", sans-serif;
        border: 2px solid #20a5d6;
        padding: 14px 16px;
        border-radius: 50px;
        transition: all 0.25s linear;
        color: #000;
        height: 49px;
        outline: none;
    }

    .category-container .category-filter .filter-attr input[type=text] { width: 65px; }

    .list-view .commodity-item .commodity-price { width: 38%; }
    
    .commodity-container .commodity-price-presence .price-container { padding: 20px 10px; }

    .commodity-container .commodity-price-presence .price-container .price {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .commodity-container .commodity-price-presence .price-container p { margin-bottom: 0; }
    
    .cart-container .cart-order .order-container .price {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .projects-highlighted {
        border: 1px solid #e7edf0;
        padding: 25px;
        margin: 30px 0 0 0;
    } 

    .finbox {
        margin-top: 20px;
        border-top: 1px solid #e7edf0;
        padding-top: 6px;
    }
    .finbox p { padding-bottom: 20px; }
}


/* Mobile - sm */
@media (max-width: 959px) {
    body {
        font: 12px "Roboto", sans-serif;
        font-weight: 400;
        background-color: #fff;
        height: auto;
    }

    h1 {
        font: 32px "Montserrat", sans-serif;
        font-weight: 700;
    }
    
    h2 {
        font: 28px "Montserrat", sans-serif;
        font-weight: 700;
        margin-bottom: 12px; 
    }
    
    h3 {
        font: 22px "Montserrat", sans-serif;
        font-weight: 700;
    }
    
    h4 {
        font: 16px "Montserrat", sans-serif;
        font-weight: 700;
    }

    .big {
        font: 22px "Roboto", sans-serif;
        line-height: 160%;
    }

    .trm.btn {
        padding: 0 20px;
        border-radius: 40px;
        height: 47px;
    }
    .trm.btn.big {
        font: 18px "Roboto", sans-serif;
        font-weight: 500;
        padding: 0 30px;
        height: 57px;
    }

    .trm.cols { margin: 0 -10px; }
    .trm.cols .col2.sm-col1 {
        width: 100%;
        padding: 0 10px;
    }
    .trm.cols .col3.sm-col1 {
        width: 100%;
        padding: 0 10px;
    }
    .trm.cols .col4.sm-col2 {
        width: 50%;
        padding: 0 10px;
    }
    .trm.cols .col5.sm-col2 {
        width: 50%;
        padding: 0 10px;
    }
    .trm.cols .col5.sm-col1 {
        width: 100%;
        padding: 0 10px;
    }

    .container {
        width: 100%;
        margin: 0;
    }

    .trm.header .container { height: 80px; }
    .trm.header .phone,
    .trm.header .phone2,
    .trm.header .search { display: none; }

    .trm.header .search {
        position: absolute;
        top: 80px;
        left: 0;
        height: auto;
        width: 100%;
        z-index: 999;
        padding: 32px;
        background-color: rgba(248, 248, 250, 0.97);
        text-align: center;
    }

    .trm.header .search .search-input {width: 100%; }
    
    .trm.header .search .search-input-btn {
        position: static;
        width: 100%;
        margin-top: 10px;
    }


    .trm.header .mobile-menu { display: block; }
    .trm.header .mobile-empty { display: block; }
    .trm.header .mobile-search { display: block; }

    .trm.header .logo a img {
        margin-bottom: 2px;
        width: 140px;
    }
    .trm.header .cart {
        width: 49px;
        margin-right: 20px;
    }
    .trm.header .cart a:link,
    .trm.header .cart a:visited,
    .trm.header .cart a:hover {
        display: block;
        background: url("../img/icon-cart.svg") 50% 50% no-repeat;
        background-size: 30px auto;
        padding: 0;
        color: #000;
        text-decoration: none;
        position: relative;
        width: 49px;
        height: 49px;
    }
    .trm.header .cart a span.title { display: none;  }

    .trm.header .cart a span.badge {
        position: absolute;
        top: 0px;
        right: 0px;
        min-width: 25px;
        display: none;
    }
    

    .trm.topmenu {
        display: none;
        border-bottom: none;
        margin-bottom: 20px;
    }
    .trm.topmenu.rpage { border-bottom: none; }

    .trm.topmenu .container { border-top: none; }
    .trm.topmenu ul {
        display: block;
    }

    .trm.topmenu ul li a:link,
    .trm.topmenu ul li a:visited {
        display: block;
        width: 100%;
        padding: 16px 32px;
        margin: 0;
        font: 18px "Roboto", sans-serif;
        color: #000;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.25s linear;
        border-top: none;
        background-color: #f8f9fa;
        border-bottom: 1px solid #fff;
    }
    
    .trm.topmenu ul li a:hover {
        color: #d5404a;
        border-top: none;
    }
    
    .trm.bottommenu { display: none; }


    .trm.bnr .container { padding: 0; }

    .trm.bnr .bnr-container {
        background-color: #e0e0e0;
        overflow: hidden;
        height: calc(100vw/2.089);
        /* height: calc(100vw/2.889); orig dimensions */
        position: relative;
    }
    .trm.bnr .bnr-container .bnr-slide .slide-photo {
        max-height: 100%;
        position: absolute;
        z-index: 10;
        left: 0;
    }
    .trm.bnr .bnr-container .bnr-slide .slide-cover {
        max-height: 100%;
        position: absolute;
        z-index: 20;
        left: 0;
        opacity: 0.95;
        margin-left: -38%;
    }
    .trm.bnr .bnr-container .bnr-slide .slide-text {
        top: 0;
        left: 47%;
        width: 41%;
        height: 100%;
        padding: 4% 0;
        justify-content: center;
    }

    .trm.bnr .bnr-container .bnr-slide .slide-text .title {
        font: 18px "Montserrat", sans-serif;
        font-weight: 700;
    }
    .trm.bnr .bnr-container .bnr-slide .slide-text .descr {
        font: 13px "Roboto", sans-serif;
        font-weight: 400;
        color: #fff;
        margin: 8px 0;
    }   

    .trm.bnr .bnr-switch-container {
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 30;
    }
    .trm.bnr .bnr-switch-container .bnr-switch-btn {
        display: inline-block;
        border: 2px solid #fff;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        margin-right: 2px;
        cursor: pointer;
    }
    .trm.bnr .bnr-switch-right {
        right: 10px;
        top: 50%;
        margin-top: -17px;
        width: 33px;
        height: 33px;
        border-radius: 33px;
    }
    .trm.bnr .bnr-switch-left {
        left: 10px;
        top: 50%;
        margin-top: -17px;
        width: 33px;
        height: 33px;
        border-radius: 33px;
    }


    .trm.adv .container {
        height: auto;
        padding: 0;
    }

    .trm.adv .adv-container {
        padding: 20px 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .trm.adv .adv-container .adv-item {
        width: 50%;
        padding: 45px 10px 10px 10px;
        background-size: 35px auto;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }    
    .trm.adv .adv-item.like { display: none; }
    .trm.adv .adv-item .adv-title,
    .trm.adv .adv-item .adv-descr { text-align: center; }
    

    .trm.brands .container {
        padding: 20px 10px;
    }

    .trm.brands .brands-container {
        justify-content: center;
    }

    .trm.brands .brands-container a {
        width: 32.3333%;
        height: 80px;
        margin: 0 1px 1px 0;
    }

    .trm.brands .brands-container a:nth-child(13),
    .trm.brands .brands-container a:nth-child(14) { display: none; }


    .trm.goods .container {
        padding: 0;
        flex-direction: column;
        border-bottom: none;
    }

    .trm.goods .container .goods-container {
        padding: 30px 0 0 0;
        width: 100%;
    }
    .trm.goods .container .goods2-container { width: 100%; }

    .trm.goods .goods-container .goods-items-container,
    .trm.goods .goods2-container .goods-items-container { margin: 0 5px; }

    .trm.goods .goods-items-container .commodity-item-container {
        width: 50%;
        padding: 5px;
    }

    .trm.goods .goods-container h2.top { margin-left: 10px; }

    .commodity-item {
        padding: 10px;
    }    

    .commodity-item .commodity-params {
        flex-direction: column;
        justify-content: start;
    }
    .commodity-item .commodity-params .cat { margin-bottom: 3px; }
    .commodity-item .commodity-params .art i { display: none; }

    .commodity-item .commodity-price {
        flex-direction: column;
        justify-content: start;
    }

    .commodity-item .commodity-price .price { margin-bottom: 8px; }

    .trm.goods .container .news-container {
        width: 100%;
        padding: 30px 10px 0 10px;
    }

    .trm.goods .container .bnr3-container { display: none; }

    .trm.projects.hotprojects {
        width: 100%;
        padding: 30px 10px 30px 10px;
    }

    .trm.projects .projects-container {
        flex-direction: column;
        margin: 0;
    }

    .trm.projects .projects-container .project-items-container {
        width: 100%;
        padding: 0;
    }  
    .trm.projects .projects-container .project-items-container .project-item {
        background-color: transparent;
        transition: none;
    }
    .trm.projects .projects-container .project-items-container .project-item:hover { box-shadow: none; }

    .trm.projects .projects-container .project-item .project-title { padding: 0; }

    .trm.projects .projects-container .project-items-container .project-item h3 {
        margin: 10px 0;
        font: 16px "Roboto", sans-serif;
        font-weight: 600;
    }

    .trm.addinfo .container {
        padding: 30px 10px 30px 10px;
        display: flex;
        flex-direction: column;
    }

    .trm.addinfo .container .about {
        width: 100%;
        padding-right: 0;
    }

    .trm.addinfo .container .shops {
        width: 100%;
        padding-left: 0;
    }

    .trm.addinfo .container .shops .shops-container .shop-item {
        padding: 0 5px;
        width: 50%;
        text-align: center;
    }
    .trm.addinfo .container .shops .shops-container .shop-item:first-child { padding-left: 0; }
    .trm.addinfo .container .shops .shops-container .shop-item:last-child { padding-right: 0; }    

    .trm.bottommenu { display: none; }

    .trm.footer .container {
        padding: 30px 10px 30px 10px;
        display: flex;
        flex-direction: column;
    }
    
    .trm.footer .container .copyright {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

    .trm.footer .container .addinfo {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .trm.footer .container .authors {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .trm.footer .container .authors p.align-right { text-align: center; }
 

    .trm.article .container {
        padding: 0 10px 30px 10px;
    }

    .shop .col5.md-col4.sm-col2  {
        margin-bottom: 20px;
    }

    .news-details .news-details-container { width: auto; }
    .news-details .news-text {
        font: 22px "Roboto", sans-serif;
        font-weight: 300;
        line-height: 150%;
        margin: 10px 0;
    }
    .news-details .news-details-container img { height: auto; }

    .trm.newsarchive .newsarchive-container .newsarchive-item {
        width: auto;
        padding: 10px;
    }

    .trm.news-details .container {
        display: flex;
        flex-direction: column;
    }    
    .news-details .news-details-container { width: auto; }
    .news-details .news-details-icon {
        width: auto;
        padding: 0;
    }


    .trm.article.category .container { padding: 2px 10px; }
    .category-description { margin: 0 0 20px 0; }
    .subcategory-container {
        margin: 0 0 20px 0;
        border-bottom: 1px solid #e7edf0;
        padding-bottom: 20px;
    }
    .subcategory-container > a {
        margin: 0;
        border: 1px solid #f8f9fa;
        padding: 5px 20px;
        background-color: #fff;
        width: 33%;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.25s linear;
        text-align: center;
    }

    .category-container { flex-direction: column; }

    .category-container .category-filter {
        width: 100%;
        padding-right: 0;
        display: none;
    }

    .category-container .commodity-list .goods-items-container {
        margin: 0 -5px;
    }

    .category-container .commodity-list.commodity-list-filter .commodity-item-container {
        width: 50%;
        padding: 5px;
    }

    .trm.article.category + .trm.adv { display: none; }

    .pagenav-container {
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
        border-top: 1px solid #e7edf0;
        text-align: center;
    }

    .pagenav-container span, .pagenav-container a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        font-weight: 600;
        width: 31px;
        height: 31px;
    }

    .category-menu {margin-bottom: 20px; }
    .category-menu .prefix { display: none; }
    .category-menu .menu-item u { display: none; }

    .category-container .commodity-list .goods-items-container.list-view .commodity-item-container { padding: 5px 5px 0 5px; }

    .list-view .commodity-item {
        flex-direction: column;
        position: relative;
    }
    .list-view .commodity-item .commodity-img {
        margin: 0 10px 0 0;
        width: 22%;
        position: absolute;
    }
    .list-view .commodity-item .commodity-more {
        width: auto;
        height: 102px;
        margin-left: 25%;
    }
    .list-view .commodity-item .commodity-more::after {
        height: 50px;
    }
    .list-view .commodity-item .commodity-price {
        width: auto;
        border-style: none;
        margin: 0 0 0 25%;
        padding-top: 0;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }


    .commodity-container {
        display: flex;
        flex-direction: column;
        padding: 10px;
        flex-wrap: wrap;
    }

    .commodity-container .commodity-about {
        width: 100%;
        padding-right: 0;
    }

    .commodity-container .commodity-specs {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .commodity-container .commodity-price-presence {
        width: 100%;
        padding-left: 0;
    }

    .commodity-container .commodity-price-presence .price-container { padding: 20px 10px; }

    .commodity-container .commodity-price-presence .price-container .price {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .commodity-container .commodity-price-presence .price-container p { margin-bottom: 0; }

    .trm.article.cart .container { padding: 2px 10px; }

    .pb-container {
        width: 100%;
        padding: 10px 0 64px 0;
    }

    .cart-container {
        display: flex;
        flex-direction: column;
    }

    .cart-container .commodity-list {
        width: 100%;
        margin: 0;
        padding-right: 0;
    }

    .cart-container .cart-order {
        width: 100%;
        padding-left: 0;
    }
    .cart-container .commodity-list-header { display: none; }
    .cart-container .cart-item-container {
        width: 100%;
        padding: 5px 0 0 0;
    }

    .cart-container .cart-order .order-container { padding: 20px 10px; }    

    .cart-container .cart-order .order-container .price {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .cart-container .order-menu {
        margin: 10px 0 30px 0;
    }    
    
    .trm.article.cart + .trm.adv { display: none; }


    .cart-item-container .commodity-item {
        flex-direction: column;
        position: relative;
    }
    .cart-item-container .commodity-item .commodity-img {
        margin: 0 10px 0 0;
        width: 22%;
        position: absolute;
    }
    .cart-item-container .commodity-item .commodity-more {
        width: auto;
        height: 102px;
        margin-left: 25%;
    }
    .cart-item-container .commodity-item .commodity-more::after {
        height: 50px;
    }
    .cart-item-container .commodity-item .commodity-price {
        width: auto;
        border-style: none;
        margin: 0 0 0 25%;
        padding-top: 0;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }    

    .cart-container .commodity-item .commodity-quantity {
        display: flex;
        align-items: center;
        flex-direction: row;
        margin: 0;
    }

    .trm.article.newsarchive .container,
    .trm.article.projects .container { padding: 2px 10px; }

    .projects-highlighted {
        border: 1px solid #e7edf0;
        padding: 10px;
        margin: 20px 0 0 0;
    }


    .trm.article.cart-form .container { padding: 2px 10px; }

    .trm.cart-form .form-container {
        flex-direction: column;
        padding: 10px;
    }

    .trm.cart-form .form-container .name { width: 100%; }
    .trm.cart-form .form-container .email {
        width: 100%;
        padding-left: 0;
    }
    .trm.cart-form .form-container .phone {
        width: 100%;
        padding-left: 0;
    }
    .trm.cart-form .form-container .form-btn {
        display: flex;
        justify-content: space-between;
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }
    .finbox {
        margin-top: 20px;
        border-top: 1px solid #e7edf0;
        padding-top: 6px;
    }
    .finbox p { padding-bottom: 20px; }    
}