@charset "utf-8";
   
.usual-none {
    display: none!important;
}

@media (max-width:1024px){
    html,
    body{
        min-width: 1180px;
        box-sizing: border-box;
    }
    
    .container{
        padding: 0 40px;
        box-sizing: border-box;
        margin: 0px;
    }
    
    footer.disclaimer .container {
            padding: 26px 40px;
    }
    
    .about-company .left-block {
        width: 52%;
    }
    
    .shk-item-text .block-albom:nth-child(5),
    .shk-item-text .block-albom:nth-child(1) {
        width: 465px;
    }
}
   
 
@media screen and (max-device-width: 480px) and (orientation: portrait), screen and (max-width: 480px) {    
    .mob-none, .full3, .produkcziya.zagotovka-kormov.voroshilki-samasz .shk-item-block1, .produkcziya.zagotovka-kormov.samasz .shk-item-block1, .produkcziya.zagotovka-kormov.grabli-samasz .shk-item-block1, .promo-slider .img-slider .description-slider::before, .promo-slider .img-slider .description-slider .slider-description span::after, .promo-slider .img-slider .description-slider::after,.shk-item-title-video-btn::after {
        display: none!important;
    }
 
    .usual-none {
        display: block!important;
    }
    
    .container {
        width: 100%;
        padding: 0 25px;
        box-sizing: border-box;
    }
    
    html, body {
        width: 100%;
        min-width: 100%;
    }

    body.index {
        background: #fff;
    }
    
    /* .usual-none {
        display: inline-block;
        width: 100%;  
    }
     */

    .site-head .header_mob {
        display: inline-block;
        width: 50px;
    }

    .site-head .header_mob select {
        text-indent: -99999px!important;
        background: url(/assets/templates/images/mob-menu-bg.svg) no-repeat center;
        border: none;
        outline: none!important;
        display: block;
        -webkit-appearance: none;
        border-radius: 0!important;
        width: 50px;
        height: 50px;
    }

    .site-head .logo {
        width: 75%;
    }

    .site-head .logo > a {
        position: relative;
        top: 0;
        height: auto;
    }

    .site-head .header_mob .mob-tel {
        display: block;
        width: 50px;
        height: 50px;
        font-size: 0;
        background: #3d3f44 url(/assets/templates/images/mob-tel.svg) center center no-repeat;
        background-size: 38%;
        margin-top: 20px;
        position: relative;
        -webkit-appearance: none;
        outline: none;
    }

    .site-head .header_mob .mob-tel::before {
        content: "Позвонить";
        font-family: 'BS-NC';
        font-size: 15px;
        display: block;
        width: 94px;
        height: 40px;
        padding-top: 22px;
        box-sizing: border-box;
        position: absolute;
        top: 38px;
        right: 0;
        background: url(/assets/templates/images/mob-bg-tel-arr.svg) left top no-repeat;
        color: #3d3f44;
        padding-left: 3px;
        background-size: 18%;
        pointer-events: none;
    }

    .promo-slider {
        margin: 10px 25px;
        height: auto;
        margin-bottom: 65px;
        overflow: visible;
        position: relative;
    }

    .promo-slider::before {
        content: '';
        display: block;
        width: 35px;
        height: 45px;
        background: url(/assets/templates/images/mob-tach.svg) center center no-repeat;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 1;
    }

    .promo-slider .img-slider img {
        position: absolute;
        width: 219%;
        height: auto;
        top: 0;
        right: 0;
    }

    .promo-slider .img-slider .slider-link {
        height: 197px;
    }

    .promo-slider .img-slider .container {
        position: relative;
        top: 0;
        padding: 0 20px;
        padding-top: 216px;
    }

    .promo-slider .img-slider .description-slider .slider-description {
        font-size: 27px;
        color: #3d3f44;
        line-height: 1.25;
    }

    .promo-slider .img-slider .description-slider {
        width: 100%;
        box-sizing: border-box;
        min-width: 100%;
        padding: 30px 0px;
        border: none;
        bottom: auto;
        top: 0;
        position: relative;
    }

    .promo-slider .img-slider .description-slider br {
        display: none;
    }

    .promo-slider .img-slider .description-slider .slider-description span {
        color: #c41230;
    }

    .promo-slider .slick-list.draggable {
        box-shadow: 0px 0px 23px rgba(0,0,0,0.2);
    }

    .promo-slider .slick-arrow, .promo-slider .slick-arrow::before {
        display: none!important;
    }

    .promo-slider .img-slider {
        height: auto;
        min-height: 378px;
    }

    .brands {
        padding: 38px 0px 50px;
        margin: 0 25px;
    }

    .brands .container {
        padding: 0;
    }
    
    .brands .brands-title p {
        width: 100%;
        border-right: none;
        text-align: center;
        padding-right: 0;
        font-size: 35px;
    }

    .slide-brands .slick-arrow {
        top: -13px;
    }

    .slide-brands .slick-arrow.prev::after {
        width: 45px;
    }

    .slide-brands .slick-arrow.prev {
        right: auto;
        left: 35%;
    }

    .slide-brands .slick-arrow.next {
        right: 35%;
    }

    .brands .block-brand-slid {
        padding-top: 35px;
    }

    .brands .block-brand-slid .brand-title a {
        padding: 35px 0 20px;
    }

    .brands .block-brand-slid .brand-text {
        padding: 0 20px;
    }

    .inform {
        padding: 66px 0px;
        padding-bottom: 0;
    }

    .inform .modulebody {
        flex-wrap: wrap;
    }

    .inform .modulebody .info-block {
        width: 100%;
        margin-bottom: 110px;
    }

    .inform .inform-title a {
        white-space: nowrap;
        position: absolute;
        right: 25px;
    }

    .inform .inform-title {
        justify-content: space-between;
    }

    .inform .inform-title p {
        margin: 0;
        font-family: 'HCC-B';
        font-size: 35px;
    }

    .inform .modulebody .info-block img {
        width: 100%;
    }

    .inform .modulebody .info-block .info-text {
        position: relative;
        top: -5px;
        right: 0;
        width: 100%;
        transform: translate(0, 0);
        height: auto;
        padding: 35px 14px 46px 20px;
    }

    .inform .modulebody .info-block .info-text .info-block-title a {
        font-size: 18px;
        padding-bottom: 20px;
        max-height: 71px;
    }

    .inform .modulebody .info-block .info-text .info-block-descri {
        padding-top: 14px;
        font-size: 17px;
        height: auto;
    }

    .inform .modulebody .info-block .info-text > a {
        font-size: 16px;
        padding: 12px 31px;
    }

    footer.disclaimer .social {
        text-align: center;
        padding: 12px 0;
        background-color: #3d3f44;
    }
    
    footer.disclaimer .social > br {
        display: none;
    }

    footer.disclaimer div.social a:not(.mail) {
        width: 37px;
        height: 37px;
        border: 1px solid rgba(255, 255, 255, 0.7);
        margin-top:5px;
    }

    footer.disclaimer {
        background: #e8e8e8;
    }

    footer.disclaimer .container {
        display: block;
        padding: 43px 50px;
        padding-bottom: 130px;
    }

    footer.disclaimer div.phone,
    footer.disclaimer div.address {
        padding-left: 40px;
        text-align: left;
    }

    footer.disclaimer div.address {
        background: url(/assets/templates/images/mob-map-foot.svg) 0px 0px no-repeat;
        background-size: 19px;
    }

    footer.disclaimer div.phone {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-bottom: 35px;
        background: url(/assets/templates/images/mob-tel-foot.svg) 0px 16px no-repeat;
        background-size: 19px;
    }

    footer.disclaimer .copyright {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        text-align: center;
        background: #3d3f44;
    }

    footer.disclaimer div.copyright > div {
        justify-content: center;
        margin-top: 0;
        padding-bottom: 18px;
    }

    footer.disclaimer div.copyright > p {
        background: #3d3f44;
        font-size: 15px;
        padding: 15px 5px;
    }

    footer.disclaimer div.copyright > div p {
        font-size: 15px;
    }

    footer.disclaimer .disclaimer-title {
        text-transform: uppercase;
        font-family: 'HCC-B';
        font-size: 37px;
        color: #3d3f44;
        height: auto;
        display: block;
        text-align: center;
        margin-bottom: 45px;
    }

    footer.disclaimer div.phone p {
        color: #3d3f44;
        font-size: 14px;
    }

    footer.disclaimer div.phone a {
        color: #3d3f44;
        font-size: 35px;
        -webkit-appearance: none;
        outline: none;
    }

    footer.disclaimer div.phone a span {
        font-size: 21px;
    }

    footer.disclaimer a.mail {
        font-size: 16px!important;
        color: #c41230!important;
    }

    footer.disclaimer div.address p a {
        color: #3d3f44;
        font-size: 15px;
        margin-bottom: 25px;
    }

    footer.disclaimer .address-mob {
        width: 100%;
        display: block;
        text-align: center;
        padding: 10px 0;
        background: #c41230;
        color: #fff;
        font-size: 16px;
        font-family: 'HNC-L';
    }

    footer.disclaimer a.phone::before, footer.disclaimer a.mail::before, footer.disclaimer #kit::before, footer.disclaimer a.address::before {
        display: none;
    }

    footer.disclaimer .mob-kit {
        text-align: center;
        margin-top: 40px;
    }

    #kit-mob {
        display: inline-block;
        padding-top: 70px;
        text-transform: lowercase;
        background: url(/assets/templates/images/kit-mob.png) top center no-repeat;
    }

    .inform.inform-page .modulebody .info-block {
        margin-bottom: 110px;
    }

    .info-body .info-block-img {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        float: none;
    }

    .breadcrumb {
        flex-wrap: wrap;
        margin-top: 10px;
    }

    .product .product-chess > div {
        width: 100%!important;
        margin-right: 0;
    }

    .tovar .tovar-chess > div {
        width: 100%;
        flex-wrap: wrap;
    }

    .tovar .tovar-chess > div > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 100%;
    }

    .tovar .tovar-chess > div > a {
        width: 100%;
    }

    .shk-item .shk-item-title {
        font-size: 30px;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .tovar .tovar-chess > div > div > div p:first-of-type {
        font-size: 14px;
    }

    .tovar .tovar-chess > div > div > div p:last-of-type {
        font-size: 20px;
    }

    .tovar .tovar-chess > div > a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .kart-tov .kart-tov-main {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-bottom: 40px;
    }

    .kart-tov .kart-tov-main .kart-tov-desc {
        width: 100%;
    }

    .kart-tov .kart-tov-main .kart-tov-img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        margin-right: 0;
    }
    
    .shk-item-block2 .container {
        flex-wrap: wrap;
    }

    .shk-item-block2 .shk-item-text {
        margin-right: 0;
    }
    
    .tabs {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .tabs >label {
        margin-right: 0;
    }

    .shk-item-block2 .shk-item-img {
        width: 100%;
    }
    
    .kart-tov .shk-item-block3 > div .shk-item-text, .kart-tov .shk-item-block5 > div .shk-item-text {
        column-count: 1;
    }

    .kart-tov .kart-tov-table > div {
        flex-wrap: wrap;
    }
    
    .kart-tov .kart-tov-table .shk-item-table {
        width: 100%;
    }
    
    .kart-tov .kart-tov-table .shk-item-table .table div p:last-of-type {
        padding-right: 0;
        width: 30%;
    }


    .kart-tov .kart-tov-table .shk-item-bro {
        width: 100%;
        text-align: center;
    }
    
    .kart-tov .kart-tov-table .kompl,
    .kart-tov .kart-tov-table .shk-item-table {
        margin-bottom: 0px;
    }
    
    .kart-tov *[class*="shk-item-block"] > div .shk-item-text *, section p, .kart-tov .shk-item-block1 > div .shk-item-text p, .kart-tov .shk-item-block3 > div .shk-item-text p, .kart-tov .shk-item-block5 > div .shk-item-text p {
        text-align: left;
    }
    
    .kart-tov .shk-item-bro a {
        margin-top: 50px;
        background-position: top center;
    }

    .shk-item-text .block-albom {
        width: 100%!important;
        height: 175px!important;
        margin: 0!important;
        margin-bottom: 20px!important;
    }

    .flex {
        flex-wrap: wrap;
    }

    .flex > * {
        width: 100%!important;
        margin-left: 0!important;
    }

    .flex.second,
    .flex.first {
        flex-direction: column-reverse;
    }

    .flex.first div:nth-child(2) {
        text-align: center;
    }

    .brend-page .flex.date > p:nth-child(2n + 1) {
        width: 18%!important;
        margin-right: 0!important;
        margin-left: 0!important;
    }

    .brend-page .flex.date > p:nth-child(2n + 2) {
        width: 82%!important;
        margin-right: 0!important;
        margin-left: 0!important;
    }
 
    .inform-page .info-block-img a, .index .info-block-img a {
        width: 100%;
    }
    
    .brend-page > * img {
        width: 100%;
        margin-left:0;
        margin-right: 0;
    }
    
    .container.brend-page,
    .info-body .info-block-descri {
        margin-bottom: 75px;
    }

    .float-right {
        max-width: 100%;
        margin-left: 0;
    }

    .kontaktyi .contact_flex {
        margin-top: 20px;
        padding-top: 25px;
        position: relative;
        border-top: 1px solid #323331;
    }

    .kontaktyi .contact_flex:first-of-type {
        border-top: none;
        padding-top: 0;
    }

    .kontaktyi .contact_flex .one_block {
        min-width: 100%;
    }

    .kontaktyi .contact_flex,
    .kontaktyi .contact_flex .one_block.employee {
        flex-wrap: wrap;
    }

    .kontaktyi .contact_flex .three_block {
        position: relative;
        order: -1;
        width: 100%;
        margin-bottom: 65px;
    }

    .kontaktyi .employee_information {
        width: 100%;
        padding-right: 0;
    }

    .kontaktyi .employee_information::before {
        display: none;
    }

    .kontaktyi a {
        border-bottom: none;
        text-align: left;
        font-size: 20px;
    }

    .kontaktyi .cont_mail {
        margin-top: 30px;
    }

    .kontaktyi .tel {
        margin-top: 50px;
    }
    .kontaktyi .pezim,
    .kontaktyi .graf {
        width: 170px;
        margin: 0 auto;
    }

    .kontaktyi .contact_block.two {
        margin-top: 70px;
    }

    
}