.bestseller-frame{
    width: 100%;
    display: flex;
    display: webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 1rem;
    margin-bottom: 30px;
    color: #555;
}

.bestseller-frame .bestseller-container{
    flex: 0 1 15%;
    -webkit-flex: 0 1 15%;
    max-width: 15%;
    @include breakpoint(iphone){
        display: none;
    }
}

.bestseller-frame .bestseller-container .bestseller-top{
    height: 160px;
    width: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.bestseller-frame .bestseller-container .bestseller-top .bestseller-thumbnail{
    max-height: 90%;
    max-width: 80%;
    height: auto;
    width: auto;
}

.bestseller-frame .bestseller-container .bestseller-top .bestseller-price{
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: bold;
    font-size: 0.78rem;
}

.bestseller-frame .bestseller-container .bestseller-bottom{
    background-color: #eeebe2;
    border-bottom: 3px solid #839b2c;
    padding: 3px 15px;
    font-weight: bold;
    font-size: 0.78rem;
}

.bestseller-frame .bestseller-container .bestseller-bottom .bestseller-title,
.bestseller-frame .bestseller-container .bestseller-bottom .bestseller-category{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 100%;
}

.bestseller-frame .bestseller-container .bestseller-bottom .bestseller-category{
    color: #839b2c;
}

.news-frame{
    width: 100%;
    display: flex;
    display: webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 1rem;
    margin-bottom: 30px;
    color: #555;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.news-frame .news-container{
    flex: 0 1 32%;
    -webkit-flex: 0 1 32%;
    max-width: 32%;
    font-size: 0.95rem;
    border: 1px solid #839b2c;
}

.news-frame .news-container .news-title{
    background-color: #eeebe2;
    border-bottom: 1px solid #839b2c;
    padding: 3px 15px;
    font-weight: bold;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-frame .news-container .news-content img{
    max-width: 50px;
    margin-right: 5px;
}

@media screen and (max-width: 450px) {
    #bwg_standart_thumbnails_0{
        width: 100% !important;
    }

    #bwg_standart_thumbnails_0 * {
        max-width: 100% !important;
        display: block;
        height: auto !important;
        width: 100% !important;
        margin: 0 !important;
    }
}

@media screen and (max-width: 850px) {
    .bestseller-frame{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    
    .bestseller-frame .bestseller-container{
        margin-top: 15px;
        flex: 0 1 31%;
        -webkit-flex: 0 1 31%;
        max-width: 31%;
    }
    
    .news-frame .news-container{
        -webkit-flex: 0 1 48%;
        max-width: 48%;
        max-width: 48%;
        width: 48%;
    }
}

@media screen and (max-width: 600px) {
    .bestseller-frame .bestseller-container{
        flex: 0 1 48%; 
        -webkit-flex: 0 1 48%;
        max-width: 48%;
    }
    
    .news-frame .news-container{
        -webkit-flex: 0 1 100%;
        max-width: 100%;
        max-width: 100%;
        width: 100%;
        min-width: 100% !important;
    }
    
    html body #main #middle .content .textwidget .news-container p{
        padding: 0;
    }
}

@media screen and (max-width: 400px) {
    .bestseller-frame .bestseller-container{

    }
}

@media (max-width: 768px) {
    #pg-387-4 .panel-grid-cell,
    #pg-387-5 .panel-grid-cell,
    #pg-387-6 .panel-grid-cell,
    #pg-387-7 .panel-grid-cell,
    #pg-387-8 .panel-grid-cell,
    #pg-387-9 .panel-grid-cell {
        float: left !important;
        width: 25% !important;
    }
    .shopCat h3.widget-title {
        min-height: 50px;
    }
    #pgc-20-0-1 #panel-20-0-1-1 div {
        margin: 0 !important;
    }
    #panel-20-2-0-0 > div > div > p > iframe,
    #panel-16-13-0-0 > div > div > p > iframe {
        width: 736px !important;
    }
}

@media (max-width: 375px) {
    #pg-387-4 .panel-grid-cell,
    #pg-387-5 .panel-grid-cell,
    #pg-387-6 .panel-grid-cell,
    #pg-387-7 .panel-grid-cell,
    #pg-387-8 .panel-grid-cell,
    #pg-387-9 .panel-grid-cell {
        float: left !important;
        width: 50% !important;
    }
    #panel-16-13-0-0 > div > div > p > iframe,
    #panel-20-2-0-0 > div > div > p > iframe {
        width: 343px !important;
    }
}