@media (max-width:1280px){
    .developnets-arrow {
        z-index: 999;
    }
    .slider-wrap::after {
        display: none;
    } 
    .developnets-arrow-left {
        left: 10px;
    }
    .developnets-arrow-right {
        right: 10px;
    }
    #review-slider .swiper-button {
        background-color: #44DCF0;
    }

    .swiper-button-left {
        left: -12px;
    }

    .swiper-button-right {
        right: -12px;
    }
    .testimonials-block:before,
    .testimonials-block:after,
    .testimonials-number {
        content: none;
        display: none;
    }

    .about-info-tittle {
        width: 120px;
    }
    .about-info-tittle img {
        width: 30px;
        height: 30px;
    }
    .about-info-name {
        font-size: 14px;
        margin-left: 10px;
    }
    .about-info-tabs-inner {
        padding: 0 30px;
        min-height: 80px;
    }
}
@media (max-width: 1199px) {
  .container {
    width: 970px;
  }
    .company-direction-wrap {
        padding-right: 0px;
    }


    .company-slider .swiper-slide {
        justify-content: center;
    }
    .company-direction-block.direction-line {
        padding: 0 135px 0 60px;
    }
    .footer-form .footer-input {
        width: 100%;
    }
    .footer-form .footer-button {
        width: 100%;
    }
    .footer-form .footer-button.button-blue {
        margin: 20px 0 0;
    }
    .footer-form {
        flex-wrap: wrap;
    }
    .header-menu li {
        margin-left: 40px;
    }
    header.header-blog .header-blog-menu-list .header-blog-menu-item {
        margin-right: 32px;
    }
    header.header-blog .header-blog-menu-list ul {
        padding: 17px 0 17px 15px;
    }
    .blog-articles-items .blog-articles-item .blog-articles-item-date {
        font-size: 17px;
    }
    .blog-articles-items .blog-articles-item .learn-more {
        font-size: 16px;
    }
    .contact-us-form-tab-buttons ul li {
        width: 125px;
        padding: 15px 0;
    }
    .testimonial-slide-content {
        padding: 30px 15px 30px;
    }
    .testimonial-slide-header {
        align-items: flex-start;
        flex-direction: column;
    }
    .testimonial-header-line {
        margin-bottom: 8px;
    }
    .testimonial-slide-text {
        margin-top: 5px;
        height: 155px;
        overflow: auto;
        padding-right: 15px;
    }
    .testimonial-slide-text p {
        font-size: 16px;
        font-weight: 400;
    }
    .testimonials-text {
        padding: 30px 15px;
    }
    .testimonials-block .testimonial-slide-footer {
        margin-top: 20px;
    }
    .testimonials-text p {
        font-weight: 400;
        line-height: 1.65;
        font-size: 16px;
        padding-right: 15px;
        margin-top: 5px;
    }
    .testimonial-header-line span {
        font-weight: 400;
        font-size: 14px;
    }
    .icon {
        width: 16px;
        height: 16px;
    }
    .testimonials-info {
        flex-direction: column;
    }
    .testimonials-info-block {
        margin: 0 0 10px;
    }
    .testimonials-info-block span {
        font-weight: 400;
        font-size: 14px;
    }
    .service-text {
        min-height: 135px;
    }
    .service-name {
        font-size: 20px;
        margin: 0 0 10px;
    }
    .company-direction-block.direction-line:before {
        right: -80px;
    }
    .company-direction-block.direction-line:after {
        left: -155px;
    }
    #developments-process {
        padding: 0 0 90px;
    }
    #developments-process::before{
        width: calc((100% - 992px) / 2);
    }
    #developments-process::after{
        width: calc((100% - 935px) / 2);
    }

    .banner_web_dev .container{
        height: auto;
        min-height: 410px;
    }
    .banner_web_dev .text{
        width: 50%;
        margin: 0;
    }
    .banner_web_dev h1{
        line-height: 1.2;
        font-size: 42px;
        padding-bottom: 30px;
    }
    .banner_web_dev {
        font-size: 19px;
        line-height: 27px;
    }
    .banner_web_dev .img_banner{
        max-width: 46%;
    }
}
@media (max-width: 991px) {
    .about-info-tabs-inner {
        padding: 0 15px;
    }
    .about-info-name {
        font-size: 12px;
        margin-left: 5px;
    }
    .about-info-tittle img {
        width: 20px;
        height: 20px;
    }
    .about-info-tittle {
        width: auto;
    }
    .container {
        width: 750px;
    }
    .header-menu li a {
        font-size: 12px;
    }
    .header-menu li {
        margin-left: 15px;
    }
    .company-direction-block.direction-line {
        padding: 0;
    }
    .processes-name {
        font-size: 16px;
    }
    .slider-info-left {
        padding: 10px 20px;
        line-height: 25px;
        font-size: 18px;
    }
    .slider-info-right {
        padding: 12px 14px;
    }
    header.header-blog .header-blog-menu-list .header-blog-menu-item {
        margin-right: 15px;
    }
    header.header-blog .header-blog-menu-list .header-blog-menu-item a {
        font-size: 13px;
    }
    header.header-blog .header-blog-subscribe-box .button-blue {
        width: 160px;
    }
    .blog-articles-items .blog-articles-item {
        width: calc(50% - 14px);
        margin:0 7px 25px;
    }
    .contact-us-form-tab-buttons ul li {
        width: 100px;
        padding: 10px 0;
        font-size: 12px;
    }
    .recent-articles-items .recent-articles-item {
        width: 100%;
    }
    .recent-articles-items .recent-articles-item:last-child {
       display:none;
    }
    .testimonials-text {
        padding: 25px 15px;
    }
    .services-block {
        width: calc(50% - 25px);
        margin-bottom:40px;
    }
    .services-container {
        flex-wrap:wrap;
    }
    .service-text {
        min-height: 100px;
    }
    .company-direction-block {
        width: 33.333%;
    }
   .company-direction-block.direction-line:before {
       right: -147px;
   }


   .process-container {
        width: 1800px;
    }

    .process-block {
        width: 165px;
        margin: 40px 15px 0 0;
    }

    .process-wrap {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    #developments-process {
        padding: 0 0 50px;
    }

    .company-slider {
        overflow-x: scroll;
    }
    .company-slider .swiper-wrapper{
        width: 1000px;
    }

    #developments-process .container::before, #developments-process .container::after {
        display: none;
    }

    .swipe-left-right {
        display: flex;
    }

    .free-quote {
        margin-top: 30px;
    }


    .banner_web_dev .container{
        min-height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .banner_web_dev h1{
        font-size: 32px;
        padding-bottom: 15px;
    }
    .banner_web_dev p{
        font-size: 18px;
        line-height: 1.3;
    }
    .banner_web_dev .button-blue{
        margin-top: 15px;
    }

    .p404-inner {
        flex-direction: column;
    }

    .p404-col {
        width: 100%;
        text-align: center;
        margin: 15px 0;
    }

    .img404 {
        margin: 0 auto;
    }

}
@media (max-width: 767px) {
    .geo-popup {
        display: none;
    }

    .geo-popup-mobile {
        display: block;
    }

    #map-block {
        overflow: auto;
    }

    #map-block svg {
        width: 950px;
    }

    .container {
        width: 100%;
    }
    .company-direction-block {
        width:100%;
        margin: 0;
    }
    .header-inner {
        height: auto;
        flex-wrap: wrap;
        padding: 13px 0 0;
        background-color: #090A0D;
    }

    .header-menu li{
        margin-left: 0;
    }

    .header-menu > li:first-child{
        padding-top: 50px;
    }

    .header-menu > li:last-child{
        padding-bottom: 50px;
    }

    .header-menu > li:not(:last-child){
        margin-bottom: 20px;
    }

    header .container{
        padding-left: 0;
        padding-right: 0;
    }

    .header-menu li.header-active a{
        position: relative;
        padding-bottom: 10px;
    }

    .header-menu li:hover::before, .header-menu li.header-active::before {
        display: none;
    }

    .header-menu li.header-active > a::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background: #03BBD3;
        box-shadow: 0px 9px 30px 6px rgba(3, 187, 211, 0.20);
    } 
 

    .header-menu {
        margin: 13px 0 0;
        display: block;
        text-align: center;
        width: 100%;
        height: 0;
        overflow: auto;
        transition: 0.3s;
        background-color: #000;
    }

    .header-menu > li > a {
        line-height: 24px;
        font-size: 18px;
    }

    .sub-menu {
        background-color: #15171A;
        padding: 10px 0;
        margin-top: 15px;
    }

    .header-menu .sub-menu li a {
        font-size: 16px;
        margin: 10px 0;
        display: block;
        font-weight: 300;
    }

    .menu-mob {
        display: block;
        right: 15px;
    }
    .header-logo{
        padding-left: 15px;
    }

    .company-direction-wrap {
        flex-direction: column;
    }

    .company-direction-block.direction-line {
        padding: 60px 0;
    }

    #main-header-banner h1 {
        font-size: 41px;
    }

    .company-direction-block.direction-line:before {
        height: 2px;
        right: calc(50% - 140px);
        background-image: url(../img/icons/direction-line.svg);
        background-size: initial;
    }

    .company-direction-block.direction-line:after {
        height: 2px;
        left: calc(50% - 140px);
        background-image: url(../img/icons/direction-line.svg);
        background-size: initial;
        top: auto;
        bottom: 25px;
    }

    .header-buttons {
        margin: 45px 0 60px;
    }

    .developnets-arrow {
        display: none;
    }

    .developnets-pagination {
        display: none;
    }

    .company-slider {
        margin-bottom: 35px;
    }

    .developnets-swiper {
        padding: 0 0 25px;
    }

    #review-slider .swiper-container-horizontal > .swiper-pagination-bullets {
        display: none;
    }

    .slider-bottom {
        display: none;
    }

    #review-slider .swiper-button {
        display: none;
    }

    .slider-main-info {
        display: none;
    }

    .slider-info {
        flex-wrap: wrap;
    }

    .slider-info-left {
        width: 100%;
    }

    .slider-info-right {
        width: 100%;
        align-items: center;
    }

    .slider-info-left {
        padding: 32px;
        line-height: 30px;
        font-size: 18px;
        min-height: 100px;
    }

    .slider-info-right {
        padding: 50px 10px;
        order: -1;
    }

     .footer-main {
        flex-wrap: wrap;
    }

    .footer-links {
        width: 50%;
        margin: 0 0 16px;
    }

    .footer-subscribe {
        width: 100%;
    }

    .footer-links a {
        line-height: 24px;
    }

    .footer-inner-bottom {
        height: auto;
        justify-content: center;
        flex-direction: column;
    }

    .footer-follow-us {
        flex-wrap: wrap;
        justify-content: center;
        order: -1;
        padding: 17px 0 24px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .footer-copyright {
        padding: 24px 0;
    }

    .footer-follow-us p {
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .footer-follow-us a {
        margin: 0 10px;
    }

    .slider-person-info h6 {
        font-size: 36px;
    }

    h3 {
        font-size: 28px;
    }

    #main-header-banner h1 {
        font-size: 41px;
        padding: 100px 0 40px;
    }

    .about-info-tittle {
        width: 50%;
        border: none;
        margin: 5px 0;
        padding: 0;
    }

    .about-info-tabs-inner {
        padding: 15px;
        justify-content: center;
    }

    .about-info-tittle img {
        width: 30px;
        height: 30px;
    }

    .about-info-name {
        font-size: 14px;
        margin-left: 15px;
    }

    #about-us sub {
        text-align: left;
    }

    #about-us {
        padding: 50px 0 0px;
    }

        #about-us sub {
            margin: 26px auto 30px auto;
        }

    /* #map-block {
        height: 450px;
    } */

    header.header-blog .header-blog-top-link {
        display: none;
    }

    .blog-articles-items .blog-articles-item {
        width: 100%;
        margin: 0 0 25px;
    }

    header.header-blog .header-blog-navigation {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    header.header-blog .header-blog-menu-list ul {
        width: 1000px;
    }

    header.header-blog .header-blog-menu-list .header-blog-menu-item {
        margin-right: 37px;
    }

        header.header-blog .header-blog-menu-list .header-blog-menu-item a {
            font-size: 18px;
        }

    .header-blog-subscribe-box {
        display: none;
    }

    .contact-us-inner {
        flex-wrap: wrap;
    }

        .contact-us-inner .contact-us-left-info {
            width: 100%;
        }

        .contact-us-inner .contact-us-right-info {
            width: 100%;
            margin: 66px 0 0;
            max-width: 100%;
        }

    .contact-us-form-tab-buttons ul li {
        width: 100%;
        padding: 15px 0;
        margin: 0 0 17px;
        font-size: 14px;
    }

        .contact-us-form-tab-buttons ul li.active::before {
            display: none;
        }

    .contact-us-bottom-info-items .contact-us-bottom-info-item {
        width: 100%;
        margin: 0 0 30px;
    }

    .contact-us-bottom-info-items {
        flex-wrap: wrap;
    }

    .contact-us-tab-forms .button-blue {
        width: 100%;
    }

    .single-post-content .social-share-items {
        position: relative;
        top: 0;
        float: none;
        margin-right: 0;
    }

        .single-post-content .social-share-items ul {
            display: flex;
            justify-content: center;
            margin: 0 0 24px;
        }

    .single-post-content {
        padding: 21px 0 48px;
    }

        .single-post-content .social-share-items ul li {
            margin: 0 8px;
        }

    .single-post-content-inner {
        padding: 0;
    }

    .recent-articles-items .recent-articles-item {
        padding: 26px 24px 24px;
    }

        .recent-articles-items .recent-articles-item h4 {
            text-align: left;
            margin-top: 20px;
            margin-bottom: 12px;
            font-size: 24px;
            line-height: 34px;
        }

    p {
        font-size: 18px;
        line-height: 27px;
    }

    .single-post-top-info {
        padding: 40px 0 70px;
    }

        .single-post-top-info h4 {
            padding-top: 105px;
            font-size: 32px;
            line-height: 45px;
        }

    .terms-description {
        padding-left: 0;
    }

    .testimonials-btn:after,
    .testimonials-block:nth-child(3n - 2):before,
    .testimonials-block:first-child:before,
    .testimonials-block:nth-child(3n - 2):after,
    .pagination-testimonial,
    .testimonial-right,
    .testimonial-left {
        display: none;
    }
    #testimonial-slider {
        padding-bottom: 56px;
        margin-bottom: 0;
    }
    .testimonials-container {
        margin-top: 24px;
    }
    .testimonial-slider {
        height: auto;
        padding: 0;
    }
    .testimonial-slide {
        flex-wrap:wrap;
    }
    .testimonial-slide-content {
        width: 100%;
    }
    .testimonial-slide {
        flex-direction: column-reverse;
        align-items: center;
    }
    .testimonial-slide-image {
        width: 100%;
        order: 1;
    }
    .testimonial-slide-image img {
        position: inherit;
        height: 250px;
        object-position: center;
    }
    .testimonial-slide-text p,
    .testimonials-text p {
        font-size: 14px;
    }
    /* .testimonial-slide-text {
        height: auto;
    } */
    .testimonials-number {
        display: none;
    }
    .testimonials-btn .button-blue-empty {
        width: 100%;
    }
    .testimonials-photo {
        width: 100%;
        height: auto;
    }
    .testimonials-photo img {
        position: inherit;
        height: 250px;
        display: block;
        object-position: center;
    }
    .testimonials-text {
        width: 100%;
        border: 2px solid #EEEFF1;
        border-top: none;
    }
    .testimonials-block {
        margin: 0 0 19px;
        height: auto;
    }
    .testimonials-info {
        flex-direction: column;
        margin: 0 0 15px;
    }
    .testimonials-info-block {
        margin: 0 0 12px;
    }
    .services-block {
        width: 100%;
    }
    .header-buttons .button-blue{
        margin:0 0 20px;
    }
    .header-buttons .button-blue-empty {
        margin: 0;
    }
    header.main-header {
        background: #090A0D;
    }
    .terms-container h4 {
        font-size: 32px;
    }

    .p404 h1 {
        font-size: 24px;
    }

    .under-links {
        flex-direction: column;
    }

    .under-links li a {
        margin: 5px 0;
    }

    .under-links li a:after {
        content: none;
    }

    .p404 {
        min-height: auto;
        padding: 15px 0;
    }

    .img404 {
        max-width: 60%;
    }

    .p404-bottom {
        margin-top: 5px;
    }

    .under-title {
        margin-bottom: 5px;
    }
    .about-info-block.active {
        max-height: inherit;
    }
}

@media (max-width: 720px){
    .banner_web_dev .container{
        display: block;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .banner_web_dev .text{
        width: 100%;
        margin: 0 auto 30px;
    }
    .banner_web_dev p{
        margin: 0 auto;
    }
    .banner_web_dev .img_banner{
        margin: 0 auto;
        max-width: 400px;
    }
    .testimonials-info-block span {
        max-width: calc(100% - 30px);
    }
    .testimonials-info-block span a {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 100%;
        display: block;
    }
}
@media (max-width: 500px){
    #main-header-banner h1 {
        font-size: 28px;
    }
    .banner_web_dev .img_banner{
        width: 400px;
        max-width: 100%;
    }
    .about-info-tittle {
        width: 100%;
        justify-content: flex-start;
    }
    h3 {
        font-size: 22px;
    }
    .slider-person-info h6 {
        font-size: 22px;
    }
}
@media (max-width: 370px){
    .banner_web_dev h1{
        font-size: 27px;
    }
}
@media (min-width:1440px){
    #main-header-banner{
        min-height: 100vh;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
  .header-menu li:first-child{
    padding-top: 25px;
  }
  .header-menu li:last-child{
    padding-bottom: 25px;
  }
  .header-menu li:not(:last-child) {
    margin-bottom: 12px;
  }
  .header-menu li a {
    font-size: 18px;
  }
}

@media (min-height: 750px) and (max-height: 900px) {
    #main-header-banner h1{
        padding: 25vh 0 10vh;
    }
    .header-buttons{
        margin: 6vh 0 6vh;
    }
}