@media (max-width: 1440px) {
  .portfolio-list .item .item-image {height:440px;}
}


@media (max-width: 1440px) {
  .main-section .main-info {        height: 290px;    padding: 30px 0 30px 0;}
  .main-section h1 {font-size: 48px;    line-height: 53px;}
  h1 {font-size: 48px;    line-height: 53px;}
  .portfolio-list.portfolio-slider .item .item-image {    height: 330px;}
  .main-about .about-video .video-image {    height: 336px;}
  .logos-slider .item {    height: 118px;}
  .main-about .about-tabs .tab-content {padding:22px 0;}
  .big-menu .menu-info .nav-item {    font-size: 48px;    line-height: 53px;}
  .big-menu .menu-info {padding:40px 0 0 0;}
  .portfolio-list .item .item-image {height:398px;}
  .portfolio-list .col-12 {padding-bottom:50px;}
  .portfolio-detail .detail-video {    margin: 35px 0 60px 0;}
  .portfolio-detail .detail-video .video-image {height:370px;}
  .gallery-block .item {height:386px;}
  .services-list {margin:60px 0 0 0;}
  .services-list .item {margin:0 0 80px 0;}
  .services-list .item .item-video {height:524px;}
  h2 {    font-size: 48px;    line-height: 53px;}
  .services-detail .detail-case {    padding-bottom: 90px;}

  .portfolio-list .item .blog-info {margin:0 0 15px 0;}
  .portfolio-list .item .blog-name {min-height:42px;line-height:22px;font-size: 18px;    letter-spacing: -.25px;}
  .portfolio-list.blog .item .item-info {padding:20px 0 16px 0;}
  .about-us.about-team .team-slider .item {}
  .about-us.about-team .team-slider .item .item-image {height:394px;}
  .portfolio-list .item .item-tags {flex-wrap: wrap;justify-content: end;}
  .logos-slider .item {width:120px;}

  .main-section .main-info .info-anons {max-width:430px;}
  .main-portfolio .title-container {    margin: 0 0 90px 0;}
  .main-reviews .reviews-slider .item .review {max-width:490px;        font-size: 18px;    line-height: 24px;}
  .main-services .serv-info .anons {margin:0 0 40px 0;}
  .main-services .serv-slider .item .name {    font-size: 18px;    line-height: 24px;}
  .main-3d .anons {    font-size: 18px;    line-height: 24px;}
  .h1-small h1 {   font-size: 18px;    line-height: 24px;}
  .about-us.about-info .info-top { font-size: 18px;    line-height: 24px;}
  .about-us.about-info .info-top .text {max-width:380px;}
  .about-us.about-info .info-bottom .text {    max-width: 380px;    font-size: 16px;    line-height: 23px;}
  .about-us.about-main .text {    font-size: 16px;    line-height: 23px;    max-width: 430px;}
  .about-us.about-main .main-items .item {    font-size: 18px;}
  .about-us.about-keys .keys-items .value {    font-size: 48px;    line-height: 53px;}
  .about-us.about-keys .keys-items .data {    font-size: 16px;    line-height: 23px;}
  .about-us.about-team .text {    max-width: 430px;    font-size: 16px;    line-height: 23px;}
  .about-us.about-team .text .data {    font-size: 18px;    line-height: 24px;}
  .about-us.about-location .text {    font-size: 16px;    line-height: 22px;}
  .about-us.about-work .work-items .item {    padding: 30px 0 0 0;    font-size: 18px;    line-height: 24px;}
  h3 {    font-size: 16px;    line-height: 23px;}
  .form-inner .form-cont {    max-width: 540px;}
  .services-detail .white-section .anons {    max-width: 310px;    font-size: 18px;    line-height: 24px;}
  .services-detail .detail-case .case-slider .value {    font-size: 16px;    line-height: 23px;}
  .services-detail .main-services .serv-slider .item .name {    font-size: 16px;    line-height: 23px;}
  .services-detail .detail-icons .keys-items .data {    font-size: 16px;    line-height: 23px;}
  .services-detail .detail-img .img-text {    font-size: 16px;    line-height: 23px;}

  .main-services .serv-info {height:auto;}
  .main-services .serv-slider-container {margin:60px 0 0 0;}

  .section-offers .col .item-name {    line-height: 25px;    font-size: 21px;}
  .main-about .about-tabs .tab-pane {top:22px;}
  .main-about .about-tabs .tab-pane.active {top:0;}
  .error-404 .error-title {font-size: 48px;    line-height: 53px; }



}

@media (max-width: 1199px) {
  .main-about .about-tabs .tab-pane {top:16px;}
  .main-about .about-tabs .tab-pane.active {top:0;}
  .main-section h1 {    font-size: 35px;    line-height: 42px;}
  h1 {    font-size: 35px;    line-height: 42px;}
  .main-section .main-info .info-twin {    line-height: 24px;    font-size: 18px;    padding-bottom: 0px;}
  .main-portfolio {    padding: 70px 0 0 0;}
  h2 {    font-size: 35px;    line-height: 42px;}
  .main-portfolio .title-container {    margin: 0 0 35px 0;}
  .portfolio-list.portfolio-slider .item .item-info { margin:110px 0 0px 0;}
  .main-about .about-video .video-image {    height: 246px;}
  .main-about .about-video {margin:0 0 30px 0;}
  .main-about {    padding: 80px 0 30px 0;}
  .main-about .about-tabs {    margin: 108px 0 0 0;}
  .main-about .portfolio-container {margin:100px 0 0 0;}
  .logos-slider .item {    height: 88px;}
  .main-about .about-tabs .tab-content {    padding: 16px 0;}
  .main-reviews .reviews-slider .item .review {    line-height: 24px;    font-size: 18px;}
  .white-bg {padding:30px 0;}
  .main-services .serv-info {    padding: 70px 0 30px 0;}
  .main-services h2 {    padding: 0 0 6px 0;    margin: 0 0 24px 0;}
  .main-services .serv-info .anons {    font-size: 14px;}
  .main-services .serv-slider .item .name {    margin: 16px 0 0 0;    font-size: 14px;    line-height: 21px;}
  .main-services .serv-slider-container {    padding: 0 0 30px 0;   }
  .main-3d {    padding-top: 100px;}
  .main-3d .anons {    font-size: 14px;    line-height: 21px;    max-width: 302px;}
  .footer {z-index:102;}
  .footer .m-l {padding-left:0!important;}
  .big-menu .menu-info .nav-item {    font-size: 35px;    line-height: 42px;}
  .portfolio-list .item .item-image {height:292px;}
  .content {    padding: 70px 0 35px 0;}
  .nav-filter {    margin: 0 0 38px 0;}
  .gallery-block .item {height:280px;}
  .portfolio-detail .detail-content .content-cont {    font-size: 14px;    line-height: 21px;}
  .portfolio-detail .detail-video {    margin: 50px 0 30px 0;}
  .services-list {margin:60px 0 0 0;}
  .services-list .item {margin:0 0 90px 0;}
  .services-list .item .item-video {height:336px;}
  .services-detail .white-section h1 {max-width:360px;}
  .services-detail .white-section .anons {    font-size: 14px;    line-height: 21px;}
  .services-detail .white-section .white-info {    border-top: 1px solid #E8E8E8;    margin: 70px 0px 0px 0px;    padding: 26px 0 0px 0;}
  .services-detail .detail-panel .item {padding: 19px 25px 30px 30px;}
  .services-detail .detail-about .about-title {    padding: 35px 0 50px 0;}
  .services-detail .detail-case h2 {max-width: 230px;    min-height: 120px;        font-size: 25px;    line-height: 28px;}
  .services-detail .detail-case .case-slider .value {    font-size: 16px;    line-height: 23px;}
  .services-detail .main-services h2 {font-size: 25px;    line-height: 35px;}
  .services-detail .main-services h2 {        padding: 0 0 20px 0;    margin: 0 0 25px 0;}
  .main-services .serv-slider-image {    padding: 70px 0 30px 0;}

  .services-detail .detail-partners .logos-slider {padding:24px 0;}

  .def-page .item .terms-column { margin:26px 0 0 0;   padding-bottom: 50px;}
  .contact-page {margin:0;}
  .career-list {    margin: 0px 0 0 0;}
  .blog-detail .article-content h1 {font-size: 35px;    line-height: 42px;}
  .about-us.about-info .info-top {    font-size: 18px;    line-height: 24px;}
  .about-us.about-info .info-top .text {max-width:314px;}
  .about-us.about-info .info-bottom .text {max-width:314px;}
  .about-us.about-info { }
  .about-us.about-main {padding:50px 0 10px 0;}
  .about-us.about-main .text {max-width:336px;}
  .about-us.about-main .main-items {    margin: 100px 0 0 0;}
  .about-us.about-main .main-items .item {margin:0 0 40px 0;width:33.3%;min-width:33.3%;}
  .about-us.about-keys .keys-items {    margin: 120px 0 0px 0;}
  .about-us.about-keys .keys-items .value {    font-size: 35px;    line-height: 80%;}
  .about-us.about-team .text {    max-width: 336px;}
  .about-us.about-team .text .data {    font-size: 18px;    line-height: 24px;}
  .about-us.about-team .team-slider .item {}
  .about-us.about-team .team-slider .item .item-image {height:320px;}
  .about-us.about-team .team-slider {    margin: 50px -20px 106px 0;}
  .about-us.about-location .text {    max-width: 336px;    font-size: 14px;    line-height: 140%;}
  .about-us.about-location {   }
  .about-us.about-work .work-items {    margin: 120px 0 0 0;}
  .about-us.about-work .work-items .item {    font-size: 18px;    line-height: 24px;}
  .about-us.about-form .form-title {    font-size: 35px;    line-height:120%;}
  .about-us.about-team {    margin: 0 0 0px 0;}
  .about-us.about-work {    margin: 0 0 0px 0;}

  .services-detail .back {top:70px;}
  .services-detail .detail-img .img-text {font-size: 16px;    line-height: 23px;}
  .services-detail .detail-img h2 {    font-size: 25px;    line-height: 28px;}



  .services-detail h2 {    font-size: 25px!important;    line-height: 28px!important;}

  .slider-drag {display:none!important;}



  .section-offers .col {min-width:50%;max-width:50%;}

  .error-404 .error-title {font-size: 35px;    line-height: 42px; }
  .error-404 {    min-height: calc(100vh - 110px);}
}




@media (max-width: 992px) {
  .portfolio-list.portfolio-slider .item .item-info {  margin: 30px 0 0px 0;}
  .portfolio-list .item .item-info .year {margin:0 30px 0 0;}
  .main-about .about-info {max-width:100%;margin:0 0 30px 0;}
  .main-about .about-tabs {    margin: 80px 0 0 0;}
  .main-about .portfolio-container {margin:80px 0 0 0;}
  .main-about .about-tabs .tabs-nav .nav-link {    font-size: 14px;    line-height: 21px;}

  .main-reviews .reviews-slider .item .review {    line-height: 24px;    font-size: 18px;}
  .main-services .serv-info {height:500px;}
  .main-3d {height:432px;padding-top: 70px;}
  .main-3d h2 {margin:0 0 30px 0;}
  .footer .footer-talk {padding:0 0 60px 0;}
  .footer .socials {margin:76px 0 0 0;}
  .footer .socials .item {margin:0 12px 0 0;}
  .footer .footer-bottom {    margin: 60px 0 0 0;}
  .footer .links a {display:block;margin:0 0 12px 0;}
  .footer .links a:last-child {margin:0;}
  .footer .dev {margin:0 0 12px 0;display:block;}
  .portfolio-list .item .item-image {    height: 214px;margin:0 0 30px 0;}
  .gallery-block .item {    height: 200px;}
  .services-detail .detail-panel .item {max-width:100%;}
  .services-detail .detail-partners .logos-slider {padding:16px 0;}
  .services-detail .detail-about .about-text {    max-width: 100%;margin:0 0 36px 0;}
  .faq-section {    padding: 55px 0 55px 0;}
  .services-detail .detail-partners .partners-info {    padding: 0px 0 80px 0;}
  .h1-small h1 {font-size: 14px;  line-height: 20px;  }
  .about-us.about-video .video-image {height:350px;}

  .about-us.about-form .form-title {margin:60px 0 50px 0;font-size: 35px;    line-height: 120%;}
  .about-us.about-form .form-inner .form-cont {    max-width: 100%;}






  .about-us.about-work .work-items .item {display:block!important;border-top: 1px solid #646464;}
  .about-us.about-work .work-items {    margin: 120px 0px 0 0;border:0;}
  .about-us.about-work .work-items .slick-list {overflow:visible;}
  .about-us.about-work .work-items .item.last {border:0;}
  .about-us.about-work .work-items .item.last:before {display:none;}
  .portfolio-list.portfolio-slider .item .item-info {display:block!important;}
  .portfolio-list.porfolio .item-info {display:block!important;}
  .header .main-menu .nav li a {margin:0 20px 0 0;}

  .detail-panel .row {justify-content: end;}
  .error-404 .error-title {font-size: 25px;    line-height: 28px;    letter-spacing: -.25px;}

}

@media (max-width: 767px) {
 
  .header .main-menu {display:none;}
  .container-fluid {padding:0 20px;}
  .header .logo-container {flex-basis: 41.66667%;    max-width: 41.66667%;}
  .header .header-right {flex-basis: 58.33333%;    max-width: 58.33333%;}
  .m-l {padding:0!important;}
  .fixed-nav {display:none;}
  .main-section .main-info .info-anons {display:none;}
  .main-section .main-info {height:240px;}
  .main-section h1 {    font-size: 25px;    line-height: 28px;}
  .main-section .main-info .info-container .col-12 {height:100%;}
  .main-section .main-info .info-twin {        margin: 12px 0 auto;    font-size: 16px;    line-height: 20px;}
  .big-menu .menu-info .nav-item {    font-size: 25px;    line-height: 28px;}
  .big-menu {background:#101010;}
  .big-menu .menu-bg img { height:70%; top:50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
  .big-menu .menu-bottom {width:calc(100% - 40px);margin-left:20px;margin-right:20px;text-align:right;padding:0 0 20px 0!important;}
  .big-menu .menu-bottom .col {padding:0;}
  .btn-default {min-width:190px;}
  
  .main-section {    height: calc(100vh + 390px);}
  h2 {    font-size: 25px;    line-height: 28px;}


  .portfolio-slider {    margin: 0 0px 0 0;    display: block;}

  .portfolio-list.portfolio-slider .slide {    padding: 0 0px 40px 0;margin:0 0 0px 0;}
  .portfolio-list.portfolio-slider .item .item-image {    height: auto;    margin: 0 0 24px 0;}
  .portfolio-list.portfolio-slider .item .item-image .fit {position:relative;}
  .portfolio-list.portfolio-slider .slide:last-child {padding:0;}
  .main-about .about-video .play-btn {bottom:20px;}
  .main-about .about-tabs {    margin: 40px 0 0 0;}
  .main-about .portfolio-container {margin:40px 0 0 0;}
  .main-about .about-tabs .tabs-nav .nav-link {    margin: 0 50px 0 0;}
  .main-about .about-tabs .tabs-nav li:last-child .nav-link {    margin: 0 0px 0 0;}
  .main-reviews .reviews-container {    padding-top: 0px;}
  .main-reviews .raiting {   width: 104px;}
  .main-reviews .reviews-top {padding:0 0 22px 0;margin:0 0 30px 0;border-bottom:1px solid #E8E8E8;}
  .main-reviews .reviews-slider .item .review {margin:0 0 22px 0;}
  .main-reviews .reviews-slider .item .text-right {text-align: left!important;}
  .main-services .serv-info {flex-direction: column-reverse!important;}
  .main-services .serv-info {    height: auto;padding:0;}

  .main-services .serv-slider {    padding: 0 0px 0px 0;    margin: 0 0px 0px 0;}
  .main-services .serv-slider .item .name {    margin: 3px 0 0 0; text-decoration:none;}
  .main-services .serv-slider .item .number {font-size:12px; line-height:16px;}
  .main-services .serv-slider .slick-current .item .name {    text-decoration: none;}
  .main-services .serv-slider-container {    border-bottom: 0px solid #393939;    padding: 0 0 0px 0;    margin: 0 0 10px 0;}
  .main-services .serv-info .anons {margin:20px 0 30px 0;}
  .main-services .serv-cont {border-bottom: 1px solid #393939;}
  .main-services {padding:80px 0 30px 0;}
  .main-services h2 {    padding: 0 0 0px 0;    margin: 0 0 0px 0; border:0;}
  .main-services .title-container {margin:0 0 24px 0;padding:0 0 10px 0;border-bottom: 1px solid #393939;}
  .main-services .serv-slider .item .name br {display:none;}
  .main-services .serv-slider-video {    height: 290px;    padding:0;}
  .footer .footer-block {    max-width: 100%; margin:0 0 40px 0;}
  .footer .socials {    margin: 0px 0 0 0; justify-content: flex-start!important;}
  .footer .footer-bottom .row {flex-direction: column-reverse!important;}
  .footer .footer-bottom .links {border-bottom:1px solid #E8E8E8;padding-bottom:14px;margin:0 0 14px 0;}
  .portfolio-list .item .item-image {    height:auto;}
  .portfolio-list .item .item-image .fit {position:relative;}
  .nav-filter .nav {flex-wrap: nowrap!important;position:relative;margin:0 -20px 0 0;overflow:auto;}
  .nav-filter {    margin: 0 0 28px 0;}
  .h1-container .tags .item {margin:0 12px 12px 0;}
  .h1-container .tags {margin:20px 0 0 0;}
  .portfolio-detail .detail-video {    margin: 30px 0 30px 0;}
  .portfolio-detail .detail-video .video-image {    height: 188px;}
  .portfolio-detail .detail-video .play-btn {bottom:20px;}


  .services-list .item {margin:0 0 80px 0;}
  .services-list .item .item-video {height:196px;}
  .services-list .item .item-info {margin:0 0 20px 0;}
  .services-list .item .item-info .anons {margin:10px 0;}
  .services-list .item .row {flex-direction: column-reverse!important;}
  .services-list .item {position:relative;padding:0 0 70px 0;}
  .services-list .item .btn-default {position:absolute;left:0;bottom:0;}
  .services-list .item .col-12 {position:unset;}
  .services-detail .detail-video {height:390px;}
  .services-detail .detail-first {    height: 320px;}
  .services-detail .white-section h1 {    max-width: 100%;margin-bottom: 22px;font-size: 25px;    line-height: 28px;    letter-spacing: -.25px;}
  .services-detail .white-section .white-info {    margin: 60px 0px 0px 0px;}
  .services-detail .white-section .white-info .item .value {    margin-top: 22px;}
  .services-detail .white-section .white-info .item {margin:0 0 45px 0;}
  .services-detail .detail-content .content-image {    margin: 0 0 60px 0;}
  .services-detail .detail-content .content-block {    font-size: 14px;    line-height: 21px;    max-width: 100%;}
  .services-detail .detail-content {    padding: 80px 0 80px 0;}
  .services-detail .detail-desc .data {    margin: 0 0 16px 0;    font-size: 14px;    line-height: 21px;}
  .services-detail  ul li {    margin: 0 0 8px 0;    padding-left: 35px;}
  .services-detail .detail-partners .partners-info .value {margin:22px 0 0 0;    max-width: 100%;  font-size: 14px;    line-height: 21px;}
  .services-detail .detail-partners .partners-info {    padding: 0px 0 45px 0;}

  .logos-slider .item {    height: 60px;}
  .logos-slider .item img {    max-height: 60px;    max-width: 90%;}
  .services-detail .detail-about {    padding: 40px 0 120px 0;}
  .services-detail .detail-about .about-title {    padding: 35px 0 35px 0;}
  .services-detail .detail-case h2 {    max-width: 100%;margin:0 0 45px 0;    min-height: 0;}
  .services-detail .detail-case .case-slider .value {    font-size: 14px;    line-height: 21px;}
  .services-detail .detail-case .case-anons {margin:50px 0 0 0;    max-width: 100%;    font-size: 14px;    line-height: 21px;}
  .services-detail .main-services .title-container {padding: 0 0 20px 0;    margin: 0 0 25px 0;}
  .services-detail .main-services .title-container h2 {border:0;padding:0;margin:0;}
  .main-services .serv-slider-image {    padding: 0px 0 0px 0;height:290px;margin:24px 0;}
  .services-detail .main-services .serv-info .anons.serv-slider-text .data-slick-index {    font-size: 14px;    line-height: 21px;    }
  .main-services .serv-info .anons {max-width:100%;}
  .form-inner h3 {margin:0 0 22px 0;}
  h3 {font-size:14px;line-height:21px;}
  .accord-item .accrodion-button {font-size:14px;line-height:21px;}
  .faq-section h2 {margin:0 0 40px 0;}
  .accord-item .answer {    padding: 0px 0px 20px 0;}
  .contact-page .schedule {    margin: 20px 0 0 0px;}

  .career-list .career-info {margin:0 0 24px 0;}
  .career-list .back {margin:0px 0 24px 0!important;}
  .blog-detail .article-content h1 {        font-size: 25px;    line-height: 28px;}
  .blog-detail .article-content h2 {    padding-top: 20px;}
  .blog-detail .article-content h3 {    padding-top: 20px;}
  .blog-detail .article-content h4 {    padding-top: 20px;}
  .blog-detail .article-content h5 {    padding-top: 20px;}
  .blog-detail .article-content p {margin:0 0 30px 0;}
  .blog-detail .article-content figure {margin:0 0 30px 0;}
  .blog-detail .article-content figure figcaption { margin:30px 0 0 0; }
  .portfolio-list.blog h2 {font-size: 25px;    line-height: 28px;}

  .blog-detail .article-content blockquote {padding:0 30px 0 30px;}
  .blog-detail .article-content blockquote:before {font-size:40px;}
  .blog-detail .article-content blockquote:after {font-size:40px;}


  .about-us h1 {    padding: 0 0 15px 0;    margin: 0 0 20px 0;}
  .def-page h1 {    padding: 0 0 15px 0;    margin: 0 0 20px 0;}
  .build-page h1 {    padding: 0 0 15px 0; }
  .about-us.about-info .info-top .text {    max-width: 100%;margin:0 0 14px 0;}
  .about-us.about-info .info-top {    margin: 0 0 6px 0;}
  .about-us.about-video .play-btn {    left: 10px;    bottom: 20px;}
  .about-us.about-video .video-image {    height: 475px;}
  .about-us.about-video {margin:0 0 20px 0;}
  .about-us.about-info .info-bottom .text {  max-width: 100%;margin:0 0 14px 0;}
  .about-us.about-info {  }
  .about-us.about-main {    padding: 40px 0 0px 0;   }
  .about-us.about-main h2 {margin:0 0 35px 0;}
  .about-us.about-main .text p {    margin: 0 0 14px 0;}
  .about-us.about-main .main-items {    margin: 90px 0 0 0;}
  .about-us.about-main .main-items .item {    width: 50%;    min-width: 50%;}
  .about-us.about-keys .keys-items {    margin: 90px 0 0px 0;}
  .about-us.about-keys .keys-items .item {width:50%;min-width:50%;margin:0 0 64px 0;}
  .about-us.about-keys .keys-items .value {    font-size: 25px;    line-height: 80%;}
  .about-us.about-keys .keys-items .data {    margin: 30px 0 0 0;    font-size: 16px;    line-height: 22px;}
  .about-us.about-main .text {    max-width: 100%;font-size: 16px;    line-height: 22px;}
  .about-us.about-team .team-info h2 {margin:0 0 35px 0;}
  .about-us.about-team .text {    max-width: 100%;}
  .about-us.about-team .text .data {margin:0 0 14px 0;}
  .about-us.about-team .slider-navigate {margin:30px 0 0 0;    position: relative;}
  .about-us.about-team .team-slider .item {  }
  .about-us.about-team .team-slider .item .item-image {    height: 218px;}
  .about-us.about-team .team-slider {    margin: 30px -20px 0px 0;}
  .about-us.about-location .text {max-width:100%;font-size: 14px;    line-height: 140%;}
  .about-us.about-location h2 {margin:0 0 35px 0;}
  .about-us.about-location {margin:0 0 0px 0;}
  .about-us.about-location .location-map {height: 552px;position:relative;}
  .about-us.about-location .location-map img  {display: block;    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    -o-object-fit: cover;    object-fit: cover;}
  .about-us.about-work .work-items {    margin: 90px 0px 0 0;padding:0 20px 0 0;}
  .about-us.about-work .work-items .item {    font-size: 16px;    line-height: 22px;}
  .about-us.about-form .form-title {    margin: 40px 0 30px 0;    font-size: 20px;    line-height: 120%;}
  .about-us.about-form .form-inner {    padding: 50px 20px;}
  .form-inner h3 {  font-size: 18px;    font-weight: 500;}
  .blog-author .author-photo {margin:0 0 30px 0;}
  .portfolio-list.porfolio .item-info {   margin: 30px 0 0px 0;}
  .services-detail .back {position:absolute;top:0;}
  .services-detail .detail-icons .keys-items .data {        margin: 30px 0 0 0;    font-size: 16px;    line-height: 22px;}
  .services-detail .detail-icons .keys-items .item {margin:0 0 40px 0;}
  .services-detail .detail-icons .keys-items .value img {height:56px;}
  .services-detail .detail-icons .keys-items {    margin: 80px 0 0px 0;}
  .logos-slider .item {    width: 64px;}
  
  .services-detail .detail-img .img-text {font-size: 14px;    line-height: 21px;}
  .about-us.about-info .info-top {    font-size: 14px;    line-height: 21px;}
  .about-us.about-team .text .data {    font-size: 14px;    line-height: 21px;}
  .about-us.about-work .work-items .item {    font-size: 14px;    line-height: 21px;}

  .services-detail .detail-icons .keys-items .item {width:50%;}

  .main-3d {    height: auto;    padding-top: 40px;    padding-bottom:40px}
  .section-offers .col {min-width:100%;max-width:50%;}
  .section-offers .col .item-name {    line-height: 21px;    font-size: 18px;}
  .section-offers .col .item-term {    line-height: 21px;    font-size: 18px;}
  .section-offers .col .item-title {    line-height: 21px;    min-height: 0px;    font-size: 18px;    margin: 0 0 24px 0;}
  .portfolio-detail .detail-content {margin:0;padding-bottom:20px;}
  .gallery-block {padding:20px;}
  .contact-page .form-inner {margin:0;padding:30px 0;}
  .contact-page.h1-small h1 {margin:0 0 20px 0;}
  
  .main-section .main-info .info-bg { transform: translateY(115%); -webkit-transform: translateY(115%); -moz-transform: translateY(115%); -ms-transform: translateY(115%); -o-transform: translateY(115%); }
  .error-404 .btn-default {width:100%;}


  .home .content {    min-height: 100vh;}
  body {min-height:100%;height:auto;}
  








}





@media (max-width: 580px) {







}