@media only screen and (min-width: 501px) and (max-width: 1090px) { 

.art-razdel {
    margin: 10px 20px 20px;
}
#box-category h1 {
    font-size: 25px;
}
#box-sam-filt {
    position: relative;
    margin: 0 20px;
}
#sorter-select {

    margin: 0 20px;
}
#box-samogon-type span {
    float: none;
    width: auto;
}
#box-samogon-type ul {
    float: none;
    width: auto;
}
#block-skvoznoy-samogon li {
    display: inline-block;
    vertical-align: top;
    padding: 1% !important;
    border-radius: 5px;
    border: 1px solid #b6b6b6;
    margin: 10px 1% 10px !important;
    width: 28% !important;
    min-height: 310px !important;
}
#block-skvoznoy-samogon li a div {
    line-height: 24px;
    font-size: 19px;
    margin: 4px 0px 12px;
}
#block-skvoznoy-samogon li a img {
    height: auto !important;
    max-width: 200px !important;
    max-height: 105px !important;
}
#block-skvoznoy-samogon li a span {
    display: inline-block;
    padding: 4px 20px;
    border-radius: 4px;
    background: #ffca00;
    font-family: 'Open Sans';
    font-size: 17px !important;
    color: #000;
    line-height: 30px;
    margin-top: 4px;
    font-weight: 400;
    letter-spacing: -0.5px;
}
#sam-app-arts {
    width: 100% !important;
    margin: auto !important;
}
#ifr-app {
    width: 80%;
    height: 315px;
    border-radius: 3px;
    margin: 16px auto;
    display: block;
}
#box-category h1 {
    padding-top: 0;
}
.to-vibor {
    width: 100%;
}

#cat-it-1, #cat-it-2, #cat-it-3, #cat-it-4, #cat-it-5, #cat-it-6, #cat-it-7, #cat-it-8{
        background-image: none !important;
    padding-left: 5% !important;
    background-position: 18px 5px !important;
}
}

@media only screen and (min-width: 900px) and (max-width: 1090px) { 


}

@media only screen and (min-width: 501px) and (max-width: 750px) {
 
} 

@media only screen and (min-width: 501px) and (max-width: 900px) {


}

@media only screen and (min-width: 501px) and (max-width: 600px) {


}