body {
     width: auto!important;
 }

 .navbar {
     margin-bottom: 0;
     border: none;
 }

 .navbar>.container-fluid {
     padding: 0;
 }

 .container-fluid>.navbar-collapse {
     margin-top: 0;
 }

 .dis_none {
     display: none;
 }



 /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

 @media (max-width: 1200px) {
     body {
         width: auto!important;
     }

     #top .container {
         display: flex;
         -webkit-align-items: center;
         align-items: center;
         -webkit-justify-content: space-between;
         justify-content: space-between;
     }
     #top .container h4 {
         line-height: 26px !important;
         text-align: left;
     }
     #top .container .tel {
         text-align: right !important;

         margin-left: 40px;
     }
     #top .container .tel {
         margin-top: 10px;
     }
     img.width90 {
         width: auto;
         max-width: 100%;
     }
     .dis_none {
         display: none;
     }
     .width990 {
         width: auto;
     }
     nav .container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
     .navbar-toggle {
         background-color: #9c3f9a;
         margin-right: 0;
     }

     .navbar-toggle .icon-bar {
         background-color: white;
     }

     .stickytop {
         position: static;
         top: initial;
     }

     .head_menu ul {
         width: auto;
         margin: 0;
         padding: 0;
     }

     .container-fluid>.navbar-collapse {
         margin-right: 0;
         margin-left: 0;
     }

     .head_menu {
         height: auto;
     }
     .head_menu ul li {

         text-align: center;
     }

     .navbar {
         border: none !important;
         margin-bottom: 0 !important;
     }
     h1 {
         font-size: 32px !important;
         text-align: center;
     }
     #under-text {
         font-size: 18px !important;
     }
     .ico-block div {
         margin-bottom: 40px;
     }
     .ico-block .margin_bot_80 {
         margin-bottom: 80px;
     }
     .headform {
         width: 90%;
         height: auto;
         margin-top: -40px;
     }
     .head-form-text {
         width: 90%;
         text-align: center;
     }
     .head-form-text strong {
         font-size: 21px;
     }
     .gift-ul {
         text-align: center;
         margin-top: 15px;
     }
     .gift-ul span {
         text-align: center;
     }
     .text-left {
         text-align: center;
     }
     .dis_block {
         display: block;
     }
     .zvonok {
         margin-bottom: 15px;
         width: auto;
         padding: 10px;
     }
     #work {
         margin-top: 180px;
     }
     h2 {
         font-size: 26px;
     }
     #work div.container {
         margin-top: 20px !important;
     }
     br.display_none {
         display: none;
     }

     .head_projects {

         font-size: 32px;
         margin-top: 20px;
         line-height: 25px;
     }
     .width980 {
         width: auto;
         margin-bottom: 0;
     }

     .workimg {
         width: 100%;
         text-align: center;
         margin-left: 0;
     }

     .workimg .workimghover {
         left: 50%;
         transform: translate(-50%);
     }
     .workimg img {
         width: 300px!important;
         max-width: 100% !important;
     }

     #work button {
         width: 433px;

         font-size: 24px;
     }
     #cifri {
         width: 100%;
     }
     h2.blue {
         width: 100%;
         margin-top: 0;
         margin-bottom: 50px;
         font-size: 28px;
     }
     #cifri div {

         margin-bottom: 30px;
     }
     div#cifri .container {
         margin-bottom: 0;
     }
     #feedback {
         margin-top: auto;
     }

     #feedslider .carousel-inner {

         height: auto!important;
     }

     .feedtext {
         margin: auto;
         margin-bottom: 10px;
     }

     .carousel-inner {
         /*height: 313px;*/
     }
     #akcia {
         padding-top: 20px;
     }

     #akcia h2 {
         font-size: 26px;
     }
     #akcia img {
         padding-bottom: 10px;
         width: 30%;
         height: auto;
     }
     #slidepro img {
         width: 33%;
     }
     .violet {
         width: 100%;
         margin-top: 20px;
     }
     p {
         font-size: 14px !important;
     }
     .border {
         margin-bottom: 25px !important;
     }
     #akcia img.refrigirator {
         width: 20%;
     }
     .font14 {
         font-size: 14px !important;
     }
     #slidepro a.left-carousel {
         margin-top: -98px !important;
         left: 13px;
     }
     #slidepro a.right-carousel {
         margin-top: -55px !important;
         margin-right: 24px !important;
     }
     button.catalog {
         width: 100%;
         margin: 0 auto;
     }
     .catalog span {
         font-size: 21px;
     }

     #map {
         margin-top: 30px;
     }
     div.contacts {
         width: auto;
         height: auto;
         float: none;
         margin-right: 0;
         margin-top: 30px;
         padding: 10px;
     }

     div#u837-12 {
         width: auto;
         padding-left: 0;
         padding-top: 20px;
     }

     #u837-2,
     #u837-4 {
         font-size: 25px !important;
     }
     #about {
         margin-top: 30px !important;
         min-height: auto !important;
     }
     #about p {
         font-size: 16px !important;
     }
     .border {
         width: 100%;
         padding-bottom: 0px;
     }
     #about .col-sm-12 {
         width: 100% !important;
     }

     #akcia h2 {
         font-size: 26px !important;
     }
     .modal-dialog {
         width: auto !important;
         height: auto !important;
     }
     div.modal-content {
         width: 100% !important;
         max-width: 100% !important;
         padding: 10px !important;
         margin-top: 30px;
     }
     div.modal.content img {
         max-width: 100%;
     }
     .thumbactive>img {
         width: 100%!important;
         max-width: 100%;
         height: auto !important;
     }

     .content_window {
         border-right: none !important;
         padding-left: 10px !important;
         width: 100% !important;
         max-width: 100% !important;
     }
     .rasmer {
         height: auto !important;
         border-right: none !important;
         width: 100% !important;
         margin-top: 60px;
         padding-left: 0 !important;
     }
     .mt30 {
         margin-top: 30px;
     }
     #top .container .tel {
         padding-left: 0;
     }
     .headimg {
         min-height: auto;
         padding-top: 0;
         margin-top: 0;
     }
     .container {
         padding-left: 15px !important;
     }
     .carousel-inner {
         width: 100%;
     }
 }
  /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

 @media (max-width: 992px) {

     #feedslider {
         width: auto !important;
     }
     .founders {
         text-indent: 50px;
     }

     .founders .span-bottom {
        display: block;
         margin-bottom: 10px;
     }
     #sertslider .item .row {
         margin-top: 0 !important;
     }
     .slide {
         width: auto;
     }

     #sert {
         height: auto!important;
     }

     #sertslider {
         width: auto !important;
         height: auto !important;
     }

     #sertslider img {
         padding: 5px;
     }

     #sertslider .right-carousel {
         margin: 0!important;
         position: absolute;
         right: -10px;
         bottom: 50%;
         transform: translateY(50%) rotate(45deg);
     }
     #sertslider .left-carousel {
         margin: 0!important;
         position: absolute;
         left: -10px;
         bottom: 50%;
         transform: translateY(50%) rotate(225deg);
     }

     .foto_about {
       position: static;
       width: 200px;
       height: 200px;
       margin-left: auto;
       margin-right: auto;
     }

     #akcia div.col-lg-3 {
         height: auto;
     }
     #akcia>div>div:nth-child(4) {
         /*margin-top:235px;*/
     }
     body {
         width: auto!important;
     }
     div.width920 {
         width: 100%;
     }
     .right-carousel {
         z-index: 872;
         width: 15px;
         height: 15px;
         margin: 0;
         position: absolute;
         bottom: 50%;
         right: -15px;
         transform: translateY(50%) rotate(45deg);
     }

     .left-carousel {
         z-index: 870;
         width: 16px;
         height: 15px;
         margin: 0;
         position: absolute;
         bottom: 50%;
         left: -15px;
         transform: translateY(50%) rotate(225deg);
     }
     #top .container {
         display: flex;
         -webkit-align-items: center;
         align-items: center;
         -webkit-justify-content: space-between;
         justify-content: space-between;
     }
     #top .container h4 {
         line-height: 26px !important;
         text-align: left;
     }
     #top .container .tel {
         text-align: right !important;

         margin-left: 40px;
     }
     #top .container .tel {
         margin-top: 10px;
     }
     img.width90 {
         width: auto;
         max-width: 100%;
     }
     .dis_none {
         display: none;
     }
     .width990 {
         width: auto;
     }
     nav .container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
     .navbar-toggle {
         background-color: #9c3f9a;
         margin-right: 0;
     }

     .navbar-toggle .icon-bar {
         background-color: white;
     }

     .stickytop {
         position: static;
         top: initial;
     }

     .head_menu ul {
         width: auto;
         margin: 0;
         padding: 0;
     }

     .container-fluid>.navbar-collapse {
         margin-right: 0;
         margin-left: 0;
     }

     .head_menu {
         height: auto;
     }
     .head_menu ul li {

         text-align: center;
     }

     .navbar {
         border: none !important;
         margin-bottom: 0 !important;
     }
     h1 {
         font-size: 20px !important;
         text-align: center;
     }
     #under-text {
         font-size: 18px !important;
     }
     .ico-block div {
         margin-bottom: 40px;
     }
     .ico-block .margin_bot_80 {
         margin-bottom: 80px;
     }
     .headform {
         width: 90%;
         height: auto;
         margin-top: -40px;
     }
     .head-form-text {
         width: 90%;
         text-align: center;
     }
     .head-form-text strong {
         font-size: 21px;
     }
     .gift-ul {
         text-align: center;
         margin-top: 15px;
     }
     .gift-ul span {
         text-align: center;
     }
     .text-left {
         text-align: center;
     }
     .dis_block {
         display: block;
     }
     .zvonok {
         margin-bottom: 15px;
         width: auto;
         padding: 10px;
     }
     #work {
         margin-top: 250px;
     }
     h2 {
         font-size: 26px;
     }
     #work div.container {
         margin-top: 20px !important;
     }
     br.display_none {
         display: none;
     }

     .head_projects {

         font-size: 32px;
         margin-top: 20px;
         line-height: 25px;
     }
     .width980 {
         width: auto;
         margin-bottom: 0;
     }

     .workimg {
         width: 100%;
         text-align: center;
         margin-left: 0;
         margin: 5px 0;
     }

     .workimg .workimghover {
         left: 50%;
         transform: translate(-50%);
     }
     .workimg img {
         width: 300px!important;
         max-width: 100% !important;
     }

     #work .row {
         margin-bottom: 0px;
     }

     #work button {
         width: 433px;

         font-size: 24px;
     }
     #cifri {
         width: 100%;
     }
     h2.blue {
         width: 100%;
         margin-top: 0;
         margin-bottom: 50px;
         font-size: 28px;
     }
     #cifri div {

         margin-bottom: 30px;
     }
     div#cifri .container {
         margin-bottom: 0;
     }
     #feedback {
         margin-top: auto;
     }

     #feedslider .carousel-inner {

         height: auto!important;
     }

     .feedtext {
         margin: auto;
         margin-bottom: 10px;
     }

     .carousel-inner {
         /*height: 313px;*/
     }
     #akcia {
         padding-top: 20px;
     }

     #akcia h2 {
         font-size: 26px;
     }
     #akcia img {
         padding-bottom: 10px;
         width: 30%;
         height: auto;
     }
     #slidepro img {
         width: 33%;
     }
     .violet {
         width: 100%;
         margin-top: 20px;
     }
     p {
         font-size: 14px !important;
     }
     .border {
         margin-bottom: 25px !important;
     }
     #akcia img.refrigirator {
         width: 20%;
     }
     .font14 {
         font-size: 14px !important;
     }
     #slidepro a.left-carousel {
         margin-top: -98px !important;
         left: 13px;
     }
     #slidepro a.right-carousel {
         margin-top: -55px !important;
         margin-right: 24px !important;
     }
     button.catalog {
         width: 100%;
         margin: 0 auto;
     }
     .catalog span {
         font-size: 21px;
     }

     #map {
         margin-top: 30px;
         background: none;
         height: auto;
     }
     div.contacts {
         width: auto;
         height: auto;
         float: none;
         margin-right: 0;
         margin-top: 30px;
         padding: 10px;
     }

     div#u837-12 {
         width: auto;
         padding-left: 0;
         padding-top: 20px;
     }

     #u837-2,
     #u837-4 {
         font-size: 25px !important;
     }
     #about {
         margin-top: 30px !important;
         min-height: auto !important;
     }
     #about p {
         font-size: 16px !important;
     }
     .border {
         width: 100%;
         padding-bottom: 0px;
     }
     #about .col-sm-12 {
         width: 100% !important;
     }

     #akcia h2 {
         font-size: 26px !important;
     }
     .modal-dialog {
         width: auto !important;
         height: auto !important;
     }
     div.modal-content {
         width: 100% !important;
         max-width: 100% !important;
         padding: 10px !important;
         margin-top: 30px;
     }
     div.modal.content img {
         max-width: 100%;
     }
     .thumbactive>img {
         width: 100%!important;
         max-width: 100%;
         height: auto !important;
     }

     .content_window {
         border-right: none !important;
         padding-left: 10px !important;
         width: 100% !important;
         max-width: 100% !important;
     }
     .rasmer {
         height: auto !important;
         border-right: none !important;
         width: 100% !important;
         margin-top: 60px;
         padding-left: 0 !important;
     }
     .mt30 {
         margin-top: 30px;
     }
     #top .container .tel {
         padding-left: 0;
     }
     .headimg {
         min-height: auto;
         padding-top: 0;
         margin-top: 0;
     }
     .container {
         padding-left: 15px !important;
     }
     .carousel-inner {
         width: 100%;
     }
      button.close {
         right: 0;
     }

     #slideproject .modal-content {
         padding-bottom: 40px!important;
     }

     #slideproject .right-carousel {
         bottom: 15px!important;
         right: 40%!important;
         border-color: black!important;
     }
     #slideproject .left-carousel {
         bottom: 15px!important;
         left: 40%!important;
         border-color: black!important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
     }

     #slideproject .col-lg-9,
     #slideproject .col-lg-3,
     #slideproject .col-lg-7,
     #slideproject .col-lg-2 {
         padding-left: 10px!important;
         padding-right: 10px !important;
         width: auto!important;
         height: auto !important;
     }
      .thumbphoto {

         width: 23%;
         display: inline-block;
     }

     #work.schemework{
       margin-top: 10px;
     }

     .flex_row,
     .steps_column {
       display: block;
     }
     .steps_column.steps_center{
       display: none;
     }

     .wework {
       width: auto;
       height: auto;
       text-align: center;
     }

     .itogo {
       margin-top: 10px;
     }

     .purple_right {
       float: none;
     }
     .wework .purple_cifri {
       margin-left: 0;
     }

 }

 /*===================================================================*/

 @media (max-width: 767px) {
     body {
         width: auto!important;
     }

    #top .container {
        display: block;
    }
     #top .container:nth-child(1),
     #top .container .tel {
         text-align: center !important;
         padding-right:0;
         padding-left: 0;
         margin-left: 0;
         margin-right: 0;
     }
     #top .container h4 {
    text-align: center;
}
     #top .container .tel {
         margin-top: 10px;
     }



     img.width90 {
         width: auto;
         max-width: 100%;
     }
     .dis_none {
         display: block!important;
     }
     .width990 {
         width: auto;
     }

     .navbar-toggle {
         background-color: #9c3f9a;
         margin-right: 0;
     }

     .navbar-toggle .icon-bar {
         background-color: white;
     }

     .stickytop {
         position: static;
         top: initial;
     }

     .head_menu ul {
         width: auto;
         margin: 0;
         padding: 0;
     }

     .container-fluid>.navbar-collapse {
         margin-right: 0;
         margin-left: 0;
     }

     div#u837-12 a span {
         font-size: 20px;
     }


     button.close {
         right: 0;
     }

     #slideproject .modal-content {
         padding-bottom: 40px!important;
     }

     #slideproject .right-carousel {
         bottom: 15px!important;
         right: 40%!important;
         border-color: black!important;
     }
     #slideproject .left-carousel {
         bottom: 15px!important;
         left: 40%!important;
         border-color: black!important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
     }

     #slideproject .col-lg-9,
     #slideproject .col-lg-3,
     #slideproject .col-lg-7,
     #slideproject .col-lg-2 {
         padding-left: 10px!important;
         padding-right: 10px !important;
         width: auto!important;
         height: auto !important;
     }

     .thumbphoto {

         width: 23%;
         display: inline-block;
     }

     .head_menu {
         height: auto;
     }
     .head_menu ul li {
         display: block;
         height: 50px;
         width: 100%!important;
         text-align: center;
     }
     h1 {
         font-size: 20px !important;
         text-align: center;
     }
     #under-text {
         font-size: 18px !important;
     }
     .ico-block div {
         margin-bottom: 40px;
     }
     .ico-block .margin_bot_80 {
         margin-bottom: 80px;
     }
     .headform {
         width: 90%;
         height: auto;
         margin-top: -40px;
     }
     .head-form-text {
         width: 90%;
         text-align: center;
     }
     .head-form-text strong {
         font-size: 21px;
     }
     .gift-ul {
         text-align: center;
         margin-top: 15px;
     }
     .gift-ul span {
         text-align: center;
     }
     .text-left {
         text-align: center;
     }
     .dis_block {
         display: block;
     }
     .zvonok {
         margin-bottom: 15px;
         width: auto;
         padding: 10px;
     }
     #work {
         margin-top: 530px;
     }
     h2 {
         font-size: 26px;
     }

     .head_projects {

         font-size: 20px;
         margin-top: 20px;
         line-height: 25px;
     }
     .width980 {
         width: auto;
     }

     .workimg {
         width: 100%;
         text-align: center;
         margin-left: 0;
     }

     .workimg .workimghover {
         left: 50%;
         transform: translate(-50%);
     }
     .workimg img {
         width: 300px!important;
         max-width: 100% !important;
     }

     #work button {
         width: 100%;

         font-size: 16px;
     }
     #cifri {
         width: 100%;
     }
     h2.blue {
         width: 100%;
         margin-top: 0;
         margin-bottom: 50px;
         font-size: 28px;
     }
     #cifri div {

         margin-bottom: 30px;
     }
     div#cifri .container {
         margin-bottom: 0;
     }
     #feedback {
         margin-top: auto;
     }

     #feedslider .carousel-inner {

         height: auto!important;
     }

     .feedtext {
         margin: auto;
         margin-bottom: 10px;
     }

     .carousel-inner {
         /*height: 313px;*/
         width: 100%;
     }
     #akcia {
         padding-top: 20px;
     }

     #akcia h2 {
         font-size: 20px;
     }
     #akcia img {
         padding-bottom: 10px;
         width: 30%;
         height: auto;
     }
     #slidepro img {
         width: 100%;
     }
     .violet {
         width: 100%;
         margin-top: 20px;
     }
     p {
         font-size: 14px !important;
     }
     .border {
         margin-bottom: 25px !important;
     }
     .font14 {
         font-size: 14px !important;
     }
     #slidepro a.left-carousel {
         margin-top: -98px !important;
     }
     #slidepro a.right-carousel {
         margin-top: -55px !important;
         margin-right: 24px !important;
     }
     button.catalog {
         width: 100%;
         margin: 0 auto;
     }
     .catalog span {
         font-size: 21px;
     }

     #map {
         margin-top: 30px;
     }
     div.contacts {
         width: auto;
         height: auto;
         float: none;
         margin-right: 0;
         margin-top: 30px;
         padding: 10px;
     }

     div#u837-12 {
         width: auto;
         padding-left: 0;
         padding-top: 20px;
     }

     #u837-2,
     #u837-4 {
         font-size: 25px !important;
     }
     #about {
         margin-top: 30px !important;
         min-height: auto !important;
     }

     .border {
         width: 100%;
         padding-bottom: 50px;
     }
     #about .col-sm-12 {
         width: 100% !important;
     }

     #akcia h2 {
         font-size: 16px !important;
     }
     .modal-dialog {
         width: auto !important;
         height: auto !important;
     }
     div.modal-content {
         width: 100% !important;
         max-width: 100% !important;
         padding: 10px !important;
         margin-top: 30px;
     }
     div.modal.content img {
         max-width: 100%;
     }
     .thumbactive>img {
         width: 100%!important;
         max-width: 100%;
         height: auto !important;
     }

     .content_window {
         border-right: none !important;
         padding-left: 10px !important;
         width: 100% !important;
         max-width: 100% !important;
     }
     .rasmer {
         height: auto !important;
         border-right: none !important;
         width: 100% !important;
         margin-top: 60px;
         padding-left: 0 !important;
     }
     .mt30 {
         margin-top: 30px;
     }
     #top .container .tel {
         padding-left: 0;
     }
     .headimg {
         min-height: auto;
         padding-top: 0;
         margin-top: 0;
     }
     .container {
         padding-left: 15px !important;
     }














     #top_button{
        display: none;
     }
     .feedtext{
        max-width: 100% !important;
     }
     .mobile_display_none{
        display: none;
     }
#about p {
    font-size: 14px !important;
}






















 }
@media (max-width: 1200px) {
.headimg{min-height: 325px;}
}
@media (max-width: 1024px) {
.headimg{min-height: 325px;}
}
@media (max-width: 767px) {
.headimg{min-height: 325px;}}
@media (max-width: 480px) {
.headform{margin-top: 0;bottom: -195px;}
}
@media (max-width: 375px) {
.headimg {min-height: 400px;}
}