@media only screen and (max-width: 767px) {
    
    
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 18px !important;
    text-transform: none;
    line-height: 1.4 !important;
    font-weight: 600;
} 
    
    
    
.hero {
    height: auto !important;    
    background: url("../img/bg-mob-device.svg") !important;
    background-position: 0 0 !important;
    background-size: cover !important;   
}    
    
    
    
    
.title {
    font-size: 32px !important;
    line-height: 1.2 !important;  
}
    
    
.title-white {
    font-size: 32px !important;
    line-height: 1.2 !important;  
}
    
.center-content {
    padding-top: 0px !important;
    padding-bottom: 80px !important;
}   
    
       
    
    
    
.navbar-custom .navbar-brand .logodark {
    display: block !important;
    max-width: 160px !important;
    transition: none !important;
    margin-top: -5px !important;
}
   
    
.navbar-fixed-top .container {
 width: auto !important; }
    
    
.navbar-custom a {
    color: #000 !important;
    font-size: 18px !important;
}
    
.navbar-custom .nav li.active a {
    color: #61198f !important;  
}
    
.navbar-custom.top-nav-collapse .nav li.active a {
    color: #61198f !important;
}
    
.navbar-custom {
  background-color: #fff !important;
  -webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.06) !important;
}    
    

.logo-header {
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

    
.center-content h1 {
    font-size: 60px !important;
}
    
    
.img-home {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 140px !important;
    max-width: 250px !important;
}
      
    
.divider {
    margin-bottom: 50px !important;
}    
 
    
.about-img {
    padding-top: 60px; !important;
} 
    
    
.project-img {
    padding-top: 40px; !important;  
}
    
    
    
.massenger-block {
   margin-top: 0px !important;    
}
 
.massenger-img {
   padding-top: 40px; !important;       
}
    
    
.grant-block {
   margin-top: 0px !important;  
}
    
    
.grant-img {
   padding-top: 40px; !important;        
}
  
.task-block {
   margin-top: 0px !important;  
}    
    
.task-img {
   padding-top: 40px; !important;        
}    
  
    
.timecontol-block {
   margin-top: 0px !important;  
}    
    
.timecontol-img {
   margin-top: 50px !important; 
}  
    
    
.footer {
   padding-top: 20px !important; 
   padding-bottom: 0px !important; 
}    
    
    
.tap_down_p {
    padding-top: 3px !important; 
}
    
    
.text-xs-center {
    text-align: center !important; 
    margin-right: auto !important; 
    margin-left: auto !important;  
}
    
    
    
    
    
/* 2 - О нас  */

    
.what-block {
    text-align: center !important;  
}

.what-block img{
    max-width: 170px !important; 
    margin-right: auto !important; 
    margin-left: auto !important; 
    margin-bottom: 10px !important;
}


 
    
    

.helps-block {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-align: center !important;
}    
    
    
    
.helps-block-right .text {
    margin-top: 5px !important;
}
    
    
.helps-block-right h3 {
    font-size: 28px !important;
    margin-bottom: 20px !important;
}
    
    
    .helps-block-left {
        margin-bottom: -53px !important;
        padding-bottom: 0px !important;
    }    
    
    
.helps-block-left img {
    position: relative !important;
    padding-top: 30px !important;
    padding-bottom: 0px !important;
    max-width: 300px !important;
    margin-right: auto !important; 
    margin-left: auto !important; 
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
}
   
    
    
.helps-block-right {
     margin-top: 0px !important;   
     margin-bottom: 50px !important;    
}
    
    
    


.two-block-help {
    text-align: center !important;
    padding-bottom: 50px !important;
}



.two-block-help-card img {
    max-width: 170px !important; 
    margin-bottom: 8px !important; 
    margin-right: auto !important; 
    margin-left: auto !important; 
}

    
    
.message-indicator {
    display: block !important;
}

    
    
    
/* 5 - Наши кейсы.  */ 
    
.audit-block-panel {
    margin-top: 0px !important; 
}
    
    
.audit-block img {
    margin-top: 0px !important;
    padding-top: 26px !important;
    padding-bottom: 4px !important;
    max-width: 300px !important;
    margin-right: auto !important;
    margin-left: auto !important;
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important; 
    
}  
    
    
    
    
    
    
.title-contact {
    font-size: 21px !important; 
    line-height: 1.2 !important; 
}    
    
    
    
  
    
    
.about-text {
    margin-top: 0px !important;
}    
    
   
    
.capability-block-list {
   min-height: auto !important;   
}
    

.capability-block-panel {
    margin-bottom: 8px !important;   
}
    
    
.block-prelist {
    float: none !important;   
}
    
    
.pre-list-block-img {
    width: 290px !important;
    margin-left: auto !important;
    margin-right: auto !important;
} 
    
    
    
.contact-info {
    margin-top: 45px !important;
    text-align: center !important;
}
  
    
.contact.box-style {
    margin-top: 30px !important;
    text-align: center !important;
}   
    
    
    
.two-block-card img{
    max-width: 150px !important;    
}
    
    
.btn-call {
    margin-left: 0px !important;
    margin-top: 2px !important;
    border: 2px solid #fff !important;
    border-radius: 50px;
    color: #ffffff !important;
    padding: 13px 25px !important;
    transition: .3s;
}
    
    
.navbar-custom.top-nav-collapse .btn-call {
    width: 70% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 13px !important;
}    
   
    
    
.block-last-mac {
    width: auto  !important;
}


    
    
    .about-block-card .media-body h4 {
        margin-bottom: 5px !important;
    }
    
    
    
    
.about-block-img {
    padding-top: 20px;
}
    
    
    
.block-three img {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
    
    
    
.block-four img {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}  
    
    
.block-five-up {
    margin-bottom: 10px;
}
    
    
.block-five-right img {
    max-width: 220px;  
    margin-left: auto;
    margin-right: auto;
}
    
    
    
.block-six-left {
    font-size: 18px;
    text-align: center;
}
    
    
    
.block-six-right {
    margin-bottom: 20px;
}
    
    
.block-six-right h4 {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}    
    
    
    .block-seven-right {
        margin-top: 0px;
    }
    
    
    .block-seven-right p {
        text-align: center;
    }
    
    
    .block-eight-right {
        margin-top: 0px;
    }
    
    
    .block-eight-right p {
        text-align: center;
    }
    
    
.block-nine-center {
    margin-bottom: 20px;
}
    
    .block-ten-left {
    margin-top: 0px;
    margin-bottom: 30px;
    }
    
    
    
.block-ten-left .media-object {
    width: auto;
    display: block;
    text-align: center;
    float: none;
    margin: 0 auto;
    padding-bottom: 20px;
}
 
    
.block-ten-left .media-left, .media>.pull-left {
    padding-right: 0px;
} 
    
    
.block-ten-left .media-left {
    display: block;
}    
   
.block-ten-left .media-body {
    text-align: center;
}      
    
    
}









@media only screen and (max-width: 992px) {
    
.logo-header {
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}   
    
}