/* эскиз для верстки по размерам */
@media only screen and (min-width: 320px) and (max-width: 479px),
only screen and (min-device-width: 320px) and (max-device-width: 479px) {
    body .content-title-br li {
        display: inline-block;
        margin-bottom: 10px;
    }
    body .content-title-br ul {
        display: inline-block;
        margin-left: 15px;
    }

    body .bx-catalog-element li {
        list-style: inside;
    }

    body ul.n-product-spec-list {
        margin-left: 15px;
        margin-top: 20px;
    }


    body .main-sentences-item {
        margin-bottom: 15px;
        background-color: #fff;
        border: 1px solid #ccc;
    }
    body .main-sentences-list {
        border-bottom: 1px solid #ccc;
        background-color: #e7eaee;
    }
    body .rew-item-last .text-s {
        word-break: break-word;
    }
    body .left-item-block img {
        max-width: 300px;
        width: auto;
    }
    body .div-otzivi-list {
        margin-left: 20px;
        margin-right: 20px;
    }
    body .manual-item .center-item-block-list {
        display: inline-block;
        width: auto;

        margin: 0px;
        padding: 0px;
        margin-left: 20px;
        margin-right: 20px;
    }
    body .center-item-block-list.manual-css .center-item-block-item {
        margin: 3px 0px 5px 0px;
        text-align: left;
        display: inline-block;
        width: auto !important;
    }
    body .center-item-block-list.manual-css .center-item-block-item:nth-of-type(2)
    {
        float: right;
        margin-left: 10px;
    }
    body .center-item-block-list.manual-css .center-item-block-item:nth-of-type(1)
    {
        float: left;
        margin-right: 10px;
    }
    body .center-item-block-item span {
        font-size: 13px;
    }
    body .center-item-block-item span:nth-of-type(2) {
        font-size: 14px;
    }
    body .right-item-block a.right-item-button {
        width: 100%;
        margin-top: 15px;
    }
    body .ot-paginator {
        display: inline-block;
        margin-bottom: 20px;
        padding-left: 0px;
        margin-right: 20px;
        margin-left: 20px;
    }

    body .main-ui-pagination-page {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 18px;
    }
    body .main-ui-pagination-arrows {
        margin-top: 20px;
    }
    body .main-ui-pagination-label {
        margin-bottom: 20px;
    }
    body .main-ui-pagination {
        font-size: 15px;
    }

    body .left-bttn-bl {
        display: inline-block;
        width: 100%;
        text-align: center;
        float: none;
        margin-top: 15px;
    }
    body .left-bttn-bl .add-rew-bttn {
        margin-top: 10px;
        width: 50%;
        margin: auto;
    }
    body .link-panel-bar .rating-div {
        vertical-align: top;
        display: inline-block;
        margin-right: 10px;
        margin-top: 10px;
        width: 100%;
        margin-left: 10px;
        text-align: center;
    }
    body .bx-catalog-element  .sort-bl {
        display: inline-block;
        height: 30px;
        font-size: 13px;
        margin-top: 5px;
    }
    body .mobil-show.center-item-block-title {
        display: inline-block;
    }
    body .mobil-hide.center-item-block-title {

    }

    body .info-tovar .bl-name-prd {
        width: 100%;
    }
    body .info-tovar .bl-img  {
        width: 100%;
    }

    body .item-div {
        display: inline-block;
        margin-right: 10px;
    }

    body .container .detail .left-content-block {
        width: 100%;
    }
    body .container .detail .right-content-block {
        width: 100%;
    }
    body .parent-sort {
        height: 70px;
        text-align: center;
    }
    body .parent-sort .bl-select {
        float: unset;
    }

    body .manual-item.vacancy .data-item-c {
        width: auto;
    }
    body .manual-item.vacancy a.name-vac {
        padding: 0px 0px;
    }

    body .manual-item.vacancy .company-block {
        display: inline-block;
        vertical-align: top;
        width: auto;
        padding: 40px;
        text-align: center;
    }
    body .manual-item.vacancy .div-otzivi-list {
        width: auto;
    }
    body .right-item-block {
        padding: 0 20px;
    }

    body .price-vac {
        height: 50px;
    }

}


@media only screen and (min-width: 300px) and (max-width: 520px),
only screen and (min-device-width: 300px) and (max-device-width: 520px) {
    body .left-item-block {
        width: 100%;
        margin-bottom: 0px;
    }

    body .left-item-block img {
        max-height: 150px;
        margin-top: 20px;
    }
    body .center-item-block-title h3 {

        text-align: center;
    }
    body .center-item-block-title {
        text-align: center;
        width: 100%;
        display: inline-block;
        padding-right: 20px;
        padding-left: 20px;
        margin-top: 20px;
    }
    body .div-search {
        display: none;
    }
    body .submit {

        width: 100:;
    }
    body .top-menu .mobil-show {
        display: inline-block;
    }

    body .rating-css .row-text-product {
        padding: 20px;
    }
    body .rating-css .img-bl img {
        width: 100%;
    }
    body .rating-css .text-header-rating p {
        padding: 20px;
    }
    body .rating-css .minus-plus-content .in-bl-row {
        width: 100%;
        margin-bottom: 10px;

    }
    body .oblako-tegov {
        padding: 20px;
    }

    body .rating-page .row-col {
        width: 100%;
    }
    body .rating-page .row-col:nth-child(even) {
        padding-left: 0px;
    }

    body .more-product-list .item-one {
        width: 93%;
    }


    body .container .detail .left-content-block {
        width: 100%;
    }
    body .container .detail .right-content-block {
        width: 100%;
    }
}

@media only screen and (min-width: 520px) and (max-width: 768px),
only screen and (min-device-width: 520px) and (max-device-width: 768px) {
    body .container .detail .left-content-block {
        width: 100%;
    }
    body .container .detail .right-content-block {
        width: 100%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991px),
only screen and (min-device-width: 769px) and (max-device-width: 991px) {
    body .container .detail .left-content-block {
        width: 100%;
    }
    body .container .detail .right-content-block {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    body .container .detail .left-content-block {
        width: 64%;
    }
    body .container .detail .right-content-block {
        width: 34%;
    }
}


/* ------ ========== ------- */

@media only screen and (min-width: 989px) and (max-width: 1025px),
only screen and (min-device-width: 989px) and (max-device-width: 1025px) {
    body .left-content-block {
        width: 75%;
    }
}

@media only screen and (min-width: 773px) and (max-width: 989px),
only screen and (min-device-width: 773px) and (max-device-width: 989px) {
    body .left-content-block {
        width: 75%;
    }
}
@media only screen and (min-width: 300px) and (max-width: 1000px),
only screen and (min-device-width: 300px) and (max-device-width: 1000px) {
    .parser_2 .product-item-detail-slider-image:nth-child(2){
        opacity: 0;
        right: 0px;
    }
}

/*попап*/
@media only screen and (min-width: 200px) and (max-width: 760px),
only screen and (min-device-width: 200px) and (max-device-width: 760px) {
    body .box-modal {
        width: 98%;
    }
}