@media (max-width: 1220px) {

    .top-menu-block, .select-language-block{
        display: none;
    }

    .header-menu-container .open-min-menu{
        display: block;
    }

    .header-menu-container{
        width: auto;
    }
}

@media (max-width: 1000px) {

    .slider-item {
        height: 565px;
    }

    .start-slider .owl-dots {
        bottom: 20px;
    }

    .container.direct-container, .container.products-items, .container.start-history, .container.info-items {
        padding: 0;
    }

    .start-direct-container {
        background: #fff url(../file/site/dir.jpg) no-repeat 50% 0;
        height: 500px;
        background-size: cover;
    }

    .start-direct-text {
        font-size: 13px;
    }

    .prod-item{
        width: 560px;
        margin: 0 auto 20px auto;
        display: block;
        float: none;
        clear: both;
    }

    .prod-item:nth-of-type(even) {
        margin-right: auto;
    }



    .start-history-txt{
        padding: 0 20px;
    }

    .start-info-container{
        width: 100%;
        margin: 0 0 20px 0;
    }

    #map_container{
        height: 400px;
    }

    .input.inp, textarea.inp {
        width: 60%;
    }

    .start-info-container .news-item{
        height: auto;
    }
}

@media (max-width: 880px){

    .header-call-order-container{
        display: none;
    }

    .header-site-text{
        width: 100%;
    }

    .product-params-menu{
        display: none;
    }

    .product-detail-container{
        float: left;
        width: 100%;
    }

    .employee-item{
        width: 280px;
    }

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

    .employee-item:nth-of-type(even) {
        margin-right: 0;
    }

    .photo-item {
        margin: 0 2% 20px 0;
        width: 48%;
    }

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

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

@media (max-width: 700px){

    .footer-left{
        display: none;
    }

    .footer-right{
        width: 100%;
    }

    .search-input{
        background: #fff;
        border: 2px solid #f3a41d;
        color: #2e2e2e;
    }

    .fa.search-submit, .fa.search-close{
        color: #458958;
    }

    .fa.search-submit, .fa.search-close{
        top: 7px;
    }

    .component-item .component-name{
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5em;
    }

    .left-content-container, .right-content-container{
        width: 100%;
    }

}



@media (max-width: 600px){

    .h1, .page-header{
        font-size: 24px;
        line-height: 1.3em;
    }

    .header-site-text{
        font-size: 9px;
        padding: 12px 0;
    }

    .header-logo-text{
        width: 45px;
    }

    .prod-img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .header-logo-text span{
        display: none;
    }

    .header-logo-container a{
        padding: 16px 0px 10px 0px;
    }

    .header-logo-container a img{
        width: 145px;
    }

    .popup_window_call_order, .popup_window_message {
        padding: 30px 10px 30px 10px;
        z-index: 9999;
        width: 300px;
        margin-left: -150px;
        top: 5%;
    }

    blockquote {
        padding: 30px 20px;
    }

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

    .start-slider .slider__text1{
        font-size: 30px;
    }

    .start-slider .slider__text2{
        font-size: 15px;
    }

    .start-slider .slider__texts{
        top: 170px;
    }

    .start-direct-container {
        background: #fff url(../file/site/dir.jpg) no-repeat 0 100%;
        height: 590px;
        border: none;
        background-size: 194%;
    }

    .start-direct-text {
        top: 49px;
        right: 0;
        width: 100%;
        font-family: "Roboto", sans-serif;
        padding: 0 40px;
    }

    .container{
        padding: 0 10px;
    }

    .content-header {
        font-size: 22px;
    }

    .prod-item, .start-prod-item {
        width: 100%;
    }

    .prod-item .prod-name{
        font-size: 16px;
        font-family: "RobotoBold", sans-serif;
    }

    .prod-item .prod-descr{
        font-size: 13px;
    }

    .prod-item .prod-descr {
        height: auto;
    }

    .start-history-header{
        font-size: 22px;
    }

    .start-history-img{
        border: none;
        height: 150px;
    }

    .start-history-txt{
        font-size: 13px;
    }

    .btn{
        font-size: 17px;
    }

    .news-item .news-img, .news-item .news-right, .news-response-item .news-img, .news-response-item .news-right{
        width: 100%;
    }

    .news-item .news-right, .news-response-item .news-right{
        margin: 15px 0 0 0;
    }

    .news-item .news-img, .news-response-item .news-img{
        text-align: center;
    }

    .news-item .news-img img, .news-response-item .news-img img{
        max-width: 100%;
    }

    .table td, .table .table-th, .table th {
        font-size: 14px;
        padding: 8px 15px;
    }

    .product-params-name{
        font-size: 22px;
    }

    #employee-container{
        text-align: center;
    }

    .employee-item, .product-detail-container h2{
        text-align: left;
    }

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

@media (max-width: 400px){
    .component-item .component-img {
        width: 100%;
    }

    .component-item .component-right{
        width: 100%;
    }

    .component-item .component-name{
        margin: 15px 0 0 0;
    }

    .photo-item {;
        margin: 0 0 20px 0;
        vertical-align: top;
        width: 100%;
    }


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

}