@media (max-width: 1170px) {

    .menu {
        display: none;
    }

    .mobile-menu-button{
        display: inline-block !important;
    }

}

@media (max-width: 1024px) {

    .start-prod-link-block {
        width: 48%;
        margin: 0 2% 0 0;
    }

    .start-text-block {
        width: 50%;
        font-size: 16px;
    }

    .start-text-block h2 {
        font-size: 30px;
    }

    .start-text-block .button {
        width: 230px;
    }

    .prev-item {
        width: 32%;
        height: 163px;
        margin: 0 2% 19px 0;
    }

    .descr-b {
        width: 64%;
    }

    .docs-container {
        width: 32%;
    }

}

@media (max-width: 1010px) {

  .left-sidebar{
      width: 30%;
  }

    .content {
        width: 66%;
    }

    .prod-item {
        width: 48%;
        margin: 0 4% 40px 0;
    }

    .prod-item:nth-of-type(3n) {
        margin-right: 4%;
    }

    .prod-item:nth-of-type(2n) {
        margin-right: 0;
    }


    .news-item {
        width: 48%;
        margin: 0 4% 35px 0;
    }

    .news-item:nth-of-type(3n) {
        margin-right: 4%;
    }

    .news-item:nth-of-type(2n) {
        margin-right: 0;
    }

}

@media (max-width: 750px) {

    .slide-text {
        font-size: 35px;
        margin: 0 0 20px 0;
        width: 100%;
    }

    .slide-text2 {
        font-size: 16px;
        width: 100%;
    }

    .tpl-prod .left-sidebar{
        width: 100%;
    }

    .tpl-prod .left-sidebar-prod{
        display: block;
        margin: 0 0 30px 0;
    }


    .left-menu-item a {
        font-size: 16px;
    }

    .left-sidebar{
        display: none;
    }

    .content{
        width: 100%;
    }

    .popup_window {
        padding: 40px 5% 40px 5%;
        left: 5%;
        width: 90%;
        margin-left: 0;
    }

}

@media (max-width: 950px) {

    .footer-menu {
        display: none;
    }
}

@media (max-width: 750px){

    .page-content table{
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .page-content table::-webkit-scrollbar-button {
        background-image:url('');
        background-repeat:no-repeat;
        width:5px;
        height:0px
    }

    .page-content table::-webkit-scrollbar-track {
        background-color:#ecedee
    }

    .page-content table::-webkit-scrollbar-thumb {
        -webkit-border-radius: 50px;
        border-radius: 50px;
        background-color:#0083BB;
    }

    .page-content table::-webkit-scrollbar-thumb:hover{
        background-color:#56999f;
    }
    .page-content table::-webkit-resizer{
        background-image:url('');
        background-repeat:no-repeat;
        width:4px;
        height:0px
    }

    .page-content table::-webkit-scrollbar{
        width: 4px;
    }


}


@media (max-width: 650px) {

    .card-img-container {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .card-right {
        width: 100%;
    }

    .card-page-header {
        font-size: 24px;
    }

    .descr-s-container{
        font-size: 14px;
    }

    .descr-b {
        width: 100%;
    }

    .descr-b-container h2, .params-container h2 {
        font-size: 22px;
    }

    .docs-container {
        width: 100%;
    }

    .docs-block {
        padding: 25px 25px;
        margin: 30px 0 0 0;
    }
}

@media (max-width: 620px) {

    .logo span{
        display: none;
    }

    .logo{
        padding: 26px 0 26px 65px;
        width: 124px;
    }

    .slider-item{
        background: none;
    }

    .slide-mobile-img{
        display: block;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
    }

    .slider-item .container{
       z-index: 2;
        position: absolute;
        top: 0;
    }

    .container.start-info{
        padding: 0;
    }

    .start-info-container {
        margin: 0;
        display: block;
    }

    .start-prod-link-block {
        width: 100%;
        margin: 0;
        padding: 35px 20px;
    }

    .start-text-block{
        display: none;
    }

    .start-text-block-mobile{
        display: block;
    }

    .prev-container {
        margin: 15px 0 30px 0;
        padding: 0 20px;
}

    .prev-header {
        font-size: 20px;
        margin: 30px 0 20px 0;
    }

    .prev-item {
        width: 100%;
        margin: 0 0 10px 0;
    }

    body, td, select, input, textarea {
        font: 16px/1.4 "Roboto", Helvetica, Arial, sans-serif;
    }

    .start-post-container{
        padding: 0 20px;
    }

}

@media (max-width: 600px) {

    .mobile-menu-button {
        margin: 0 0 0 20px;
    }

    .htmledit-block-3, .htmledit-block-imgleft, .htmledit-block-textleft, .htmledit-block-textright, .htmledit-block-imgright, .htmledit-block-4, .htmledit-block-2 {
        width: 100%;
    }


}

@media (max-width: 450px) {

    .news-item {
        width: 100%;
        margin: 0 0 35px 0;
    }

    .news-item:nth-of-type(3n) {
        margin-right: 0;
    }

    .news-item:nth-of-type(2n) {
        margin-right: 0;
    }

    .page-header {
        font-weight: normal;
        font-size: 24px;
    }

    .form-form input.inp, .form-form textarea.inp {
        width: 100%;
    }

    .photo-item {
        margin: 0 1.5% 30px 1.5%;
        width: 47%;
    }

    .inp {
        width: 100%;
    }

    .prod-item {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .prod-item:nth-of-type(3n) {
        margin-right: 0;
    }

}

@media (max-width: 570px) {

    .logo span {
        display: none;
    }

    .logo {
        padding: 26px 0 26px 65px;
        width: 124px;
    }

    .page-header {
        margin: 0 0 20px 0;
    }

}

@media (max-width: 385px) {

    .logo span {
        display: none;
    }

    .logo {
        padding: 26px 0 26px 65px;
        width: 124px;
    }


}

@media (max-width: 360px) {

    .phone-mail-container{
        display: none;
    }

}