#owl-demo .item img {
    height: auto !important;
}
@media screen and (max-width: 992px) {
    .cards--wrap .col-md-3{
        width: 45%;
        float: none;
        display: inline-block;
        text-align: left;
    }
    .row13,
    .row14{
        margin: 0 !important;
        text-align: center;
    }
}
@media screen and (max-width: 951px) {
    .page--consult{
        background-image: url(/direction/program/buchgalteriya/img/consult.jpg);
        background-position: center;
        min-height: 500px;
    }
    .page--consult .consult--title{
        padding-top: 20px;
    }
    .page--consult .consult--text{
        margin: 30px 0;
        padding-left: 10px;
    }
    .page--consult .consult--title h2,
    .page--consult .consult--text p{
        background-color: rgba(255,255,255,0.6);
        line-height: 44px;
        display: inline;
        padding: 0 10px;
    }
    .page--consult .consult--text p{
        padding: 0;
    }
    .page--consult .consult--text p:after{
        display: block;
        content: "";
    }
    .main-info, #header .bg-header, .nav, .pic{
        width: 100%;
        min-width: 0;
    }
}

@media screen and (max-width: 952px) {
  .navs > ul{
    width: 100%;
    display: -webkit-flex;
    display: flex;
  }
  .navs > ul > li{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex-group: 1;
    -moz-box-flex-group: 1;
    
    -webkit-flexbox: 1 1 auto;
    -ms-flexbox: 1 1 auto;
    flexbox: 1 1 auto;
    
    -webkit-box: 1 1 auto;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    
    width: auto;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 940px) {
  .centering {
    width: 100%;
    padding: 0 5px;
  }
  #main *{
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  #header .tbl{
    width: 100%;
  }
  #content{
    min-width: 0;
    width: 100%;
  }
  .header{
    width: 100%;
  }
  .page--discount{
    text-align: center;
  }
  .page--discount .discount--wrap{
    display: inline-block;
  }
  .cards--wrap .col-md-4{
    width: 32%;
    display: inline-block;
    float: none;
  }
  .page--mods{
    max-height: none;
    text-align: center;
  }
  .page--mods .discount--wrap{
    display: inline-block;
  }
  #footer{
    min-width: 0;
    width: 100%;
  }
  .wrap-footer{
    width: 100%;
    padding: 20px 10px;
  }
  .hidden-sm.image--wrap{
    display: none !important;
  }
  #content{
        overflow: visible;
    }
    .roz {
        margin: 0;
        text-align: center;
    } 
   img,
   table,
   iframe{
    max-width: 100%;
    height: auto;
   } 
   div.catalog-section > table td{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
   }
   div.catalog-section > table td > table td{
    width: 50%;
    padding: 20px !important;
   }
   div.catalog-section > table td > table td:first-child{
    width: 30%;
    display: table-cell;
    padding: 40px 10px 0 10px;
   }
   div.catalog-section > table td > table td:last-child{
    width: 70%;
   }
   .slide-inner-wrap{
    width: 100%;
   }
   
}

@media screen and (max-width: 870px) {
    #header .tbl{
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
      }
      #header{
        height: auto;
      }
    #header .tbl > .tbl-cell{
        display: block;
        float: left;
        width: 48.936175%;
        margin: 0 0 0 2.12765%;
        min-height: 60px;
    }    
    #header .tbl > .tbl-cell:nth-child(2n+1){
        margin: 0;
    }
    #header .tbl > .tbl-cell:nth-child(1){
        -ms-flex-order: 1;
          -webkit-flex-order: 1;
          -webkit-order: 1;
          order: 1;
          text-align: center;
    }
    #header .tbl > .tbl-cell:nth-child(4){
        -ms-flex-order: 2;
          -webkit-flex-order: 2;
          -webkit-order: 2;
          order: 2;
    }
    #header .tbl > .tbl-cell:nth-child(2){
        -ms-flex-order: 3;
          -webkit-flex-order: 3;
          -webkit-order: 3;
          order: 3;
    }
    #header .tbl > .tbl-cell:nth-child(3){
        -ms-flex-order: 4;
          -webkit-flex-order: 4;
          -webkit-order: 4;
          order: 4;
    }
    #header .tbl > .tbl-cell:nth-child(1) #logo{
        display: inline-block;
    }
    #header #contact-us{
        text-align: center;
    }
    #header #contact-us .b24-web-form-popup-btn-12{
        display: inline-block;
    }
    #header .tbl > .tbl-cell:nth-child(2),
    #header .tbl > .tbl-cell:nth-child(3){
        padding-top: 20px;
        text-align: center;
    }
    #header .tbl > .tbl-cell:nth-child(2) > div,
    #header .tbl > .tbl-cell:nth-child(3) > div{
        width: auto;
        display: inline-block;
        float: none;
        height: auto;
        min-height: 0;
        vertical-align: middle;
    }
    #header .info-top{
        margin-top: 0 !important;
    }
    #footer{
        height: auto;
        background-repeat: repeat;
    }
    #footer .tbl{
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
      }
    #footer .tbl > .tbl-cell{
        display: block;
        float: left;
        width: 48.936175%;
        margin: 0 0 0 2.12765%;
        min-height: 60px;
        text-align: center;
    }    
    #footer .tbl > .tbl-cell > form{
        display: inline-block;
    }
    #footer .tbl > .tbl-cell:nth-child(2n+1){
        margin: 0;
    }
    #footer .tbl > .tbl-cell:last-child > div{
        display: inline-block;
    }
    .navs a{
        width: 100%;
    }
    .navs ul li ul{
        width: 100%;
    }
    .fullheight.col-sm-12{
        width: 100%;
    }
    .hidden-sm.image--wrap{
        display: none;
    }
    .box-info-index .tbl .tbl-cell{
        width: 33%;
    }
    .box-info-index .fon-text{
        width: 100%;
        background-position: top center;
        background-size: contain;
    }
    .box-info-index h3{
        margin-bottom: 35px;
    }
    .box-info-index ul{
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 800px) {
    #footer #footer-menu .ulmenu > li{
        width: 48.936175%;
        margin: 0 0 0 2.12765%;
    }
    #footer #footer-menu .ulmenu > li:nth-child(2n+1){
        margin: 0;
    }
    #footer-menu .ulmenu > li{
        text-align: center;
        min-height: 235px;
    }
    #footer-menu .ulmenu > li:nth-child(3),
    #footer-menu .ulmenu > li:nth-child(4){
        text-align: center;
        min-height: 180px;
    }
    #footer-menu .ulmenu > li > a{
        left: 0 !important;
        display: block;
    }
    #footer-menu .ulmenu > li > ul ul{
        float: none;
        top: 0;
        right: 0;
        display: inline-block;
    }
    #footer-menu .ulmenu > li:not(:firct-child) > ul{
        display: inline-block !important;
        float: none;
    }
    span.ya-phone{
        color: #4e6071 !important;
    }
    .list_carousel{
        width: 100%;
        min-width: 280px;
    }
    #otzyvy .centering table[cellspacing="1"],
    #otzyvy .centering table[border="1"]{
        display: none;
    }
    .box-info-index .tbl .tbl-cell:nth-child(1),
    .box-info-index .tbl .tbl-cell:nth-child(3){
        width: 50%;
        padding: 0;
        text-align: left;
    }
    .box-info-index .tbl .tbl-cell:nth-child(2){
        display: none;
    }
    .box-info-index .tbl .tbl-cell:nth-child(3) > h3{
        text-align: left !important;
    }
    .news12 img{
        height: auto !important;
    }
    .main-info .centering a > img[src="//prominfo.org.opt-images.1c-bitrix-cdn.ru/upload/medialibrary/035/54fz.png?148969398815036"]{
        height: auto !important;
    }
}
@media screen and (max-width: 768px) {
    .cards--item{
        height: 100px;
    }
}
@media screen and (max-width: 650px) {
    .border-shadow-block .border-shadow-block-item {
        width: 100% !important;
    }
    #phn-icon {
        float: right;
        margin: 3px;
    }
    .tbl-cell{
        padding-top: 2px;
    }
    span.ya-phone{
        color: #4e6071 !important;
    }
    .row{
        margin-left: 0 !important;
        margin-right: 0 !important; 
    }
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .table--prices td{
        border-bottom: none;
    }
    td.buy .submit-wrap.buy-button{
        padding: 5px 10px;
        height: 30px;
    }
    .navs{
        display: none;
    }
    #header .tbl > .tbl-cell,
    #footer .tbl > .tbl-cell{
        width: 100%;
        margin: 0 !important;
        min-height: 0;
    }
    #header #logo{
        display: none !important;
    }

    #header #contact-us {
        display: none !important;
    }

    #header .tbl > .tbl-cell:nth-child(1){
        /*display: none;*/
        padding: 10px 0 0;
    }
    #header .tbl > .tbl-cell:nth-child(2){
        -ms-flex-order: 2;
          -webkit-flex-order: 2;
          -webkit-order: 2;
          order: 2;
    }
    #header .tbl > .tbl-cell:nth-child(3){
        -ms-flex-order: 3;
          -webkit-flex-order: 3;
          -webkit-order: 3;
          order: 3;
    }
    #header .tbl > .tbl-cell:nth-child(4){
        -ms-flex-order: 4;
          -webkit-flex-order: 4;
          -webkit-order: 4;
          order: 4;
    }
    #header .tbl > .tbl-cell:nth-child(2),
    #header .tbl > .tbl-cell:nth-child(3){
        padding: 5px 0;
    }
    .info-top{
        font-size: 16px;
    }
    .info-top .tm{
        color: #181818;
    }
    .info-top .ya-phone{
        color: #222222;
    }
    .box-info-index{
        display: none;
    }
    .nav-head{
        display: none;
        float: none;
        width: 100%;
        text-align: center;
        margin: 5px 0;
    }
    .news-box-list ul li{
        width: auto;
    }
    .news-box-list ul li > a{
        margin: 8px 0;
        display: block;
    }
    .nav-head li{
        display: inline-block;
        margin: 7px;
        float: none;
        font-size: 18px;
        font-weight: bold;
    }
    .app-bar-mobile{
        display: block;
    }
    .logo-mobile #logo{
        background-size: contain;
    }
    .cards--wrap .col-md-4{
        width: 100%;
        float: none;
        text-align: center;
    }
    /*.pic{
        display: none;
    }*/
	.pic{
		height:800px;
		background:transparent url("/images/_banner_maket_page-0001-min-mobile.jpg") no-repeat center center;
		background-size:contain;}
    .news12 .unstyled-list li{
        font-size: 18px;
        margin: 3px 0;
        line-height: 25px;

    }
    .cards--wrap .col-md-4 .price--item{
        display: inline-block;
        width: 80%;
    }
    .page--demonstration{
        padding: 30px 0;
    }
    #footer #footer-menu .ulmenu > li{
        width: 100%;
        margin: 0 !important;
    }
    #footer span.ya-phone{
        color: #ffffff !important;
    }
    .discount--text {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    table{
        width: 100% !important;
        max-width: 100%;
        padding: 0 20px;
    }
    .discount--btn button{
        width: 100%;
    }
    .services--list li span{
        display: block;
        float: none;
        margin: 10px auto;
    }
    .services--list li div{
        width: auto;
        margin: 0 10px;
    }
    #lmenu-nested{
        margin: 0;
    }  
    .roz {
        margin: 0;
    }  
    .cards--wrap .col-md-3{
        width: 85%;
    }
    ymaps[id*="ymaps"],
    ymaps[id^="ymaps"]{
        max-width: 100%;
    }
    .news12 .row{
        text-align: center;
    }
    .news12 .cell.col-xs-12{
        display: inline-block;
        text-align: left;
        float: none;
        width: 80%;
        margin-bottom: 20px;
    }
    #logo{
        background-position: center;
        background-size: contain;
        width: 100%;
    }
    .news12 .cell.col-xs-12:first-child{
        margin-top: 20px;
    }
    .bx-crm-widget-wrapper.bx-crm-widget-chat-config-wrapper{
        position: relative;
        z-index: 999999;
    }
    .bx-imopenlines-config-sidebar{
        width: 100% !important;
        height: 100% !important;
        display: none;
    }
    .bx-imopenlines-config-sidebar.bx-imopenlines-config-sidebar-open{
        left: 0 !important;
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        display: block !important;
    }
    .bx-imopenlines-config-sidebar-inner{
        left: 0 !important;
        top: 0 !important;
    }
    .main-info .centering a > img[src="//prominfo.org.opt-images.1c-bitrix-cdn.ru/upload/medialibrary/035/54fz.png?148969398815036"]{
        display: none;
    }
    #owl-demo .item img{
        height: auto;
    }
    .owl-prev,
    .owl-next{
        top: 50%;
        margin-top: -35px;
    }
}
@media screen and (max-width: 620px) {
    .owl-carousel{
        max-width: 460px;
        margin: 0 auto;
    }
    .box-info-index .tbl .tbl-cell{
        display: inline-block;
        width: 100% !important;
        text-align: center !important;
    }
    .box-info-index .tbl .tbl-cell:nth-child(3) > h3{
        text-align: center !important;
    }
}
@media screen and (max-width: 540px) {
    .header--title h1{
        font-size: 1.8em;
    }
    .b24-widget-button-position-bottom-right{
        right: 25px;
    }
    .cards--item{
        height: 120px;
    }
}
@media screen and (max-width: 480px) {
    .header--title h1{
        font-size: 1.6em;
    }
    .discount--wrap{
        width: 90% !important;
        height: auto;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin: 0 auto;
        padding: 75px 30px;
    }
    .discount--btn{
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        margin-top: 0;
        transform: none;
    }
    .discount--link{
        margin-top: 25px;
    }
    .news12 .cell.col-xs-12{
        width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .header--title h1{
        font-size: 1.4em;
    }
    .discount--wrap{
        width: 100%;
    }
    
}
@media screen and (max-width: 320px) {
    .header--title h1{
        font-size: 1.2em;
    }
    .discount--btn button{
        width: 200px;
    }
    body{
        font-size: 13px;
    }
    p{
        font-size: 14px;
    }
    h1{
        font-size: 26px;
    }
    h2{
        font-size: 24px !important;
    }
    .breadcrumb-navigation a,
    .breadcrumb-navigation span{
        display: inline-block;
    }
    .list_carousel{
        min-width: 0;
    }
    .discount--text{
        font-size: 20px !important;
    }
    #mobile-menu{
        width: 88%;
    }
    #mobile-menu ul > li > a{
        font-size: 14px;
    }
    .v-menu li a{
        padding: 10px 50px 10px 10px;
    }
}