@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;
    }
    
    
    .nav li a {
        font-size: 16px;
        font-weight: 600;
    }
    
    .navbar-custom .btn-call {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 10px;
        font-size: 14px !important;
        margin-top: 7px !important;
        color: #ffffff !important;
        border: none !important;
        font-weight: 700 !important;
        border-radius: 6px !important;
        padding: 10px 22px !important;
        box-shadow: 3px 3px 20px 0px rgb(166 97 250 / 11%), 0px 5px 40px rgb(157 77 248 / 11%), -20px 5px 40px rgb(178 111 235 / 15%);
        background: linear-gradient(168.87deg, #B98CFF -23.67%, #9B48F8 38.32%, #F560EF 104.31%);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    
    
    .title {
        font-size: 32px !important;
    }
    
    .center-content {
        padding-top: 5px !important;
        padding-bottom: 70px !important;
    }
    
    
    
    .center-content h1 {
        text-transform: none !important;
        font-size: 34px !important;
        margin: 0px !important;
        margin-bottom: 5px !important;
        line-height: 1.2 !important;
    }
    
    
    .navbar-custom.top-nav-collapse .navbar-brand .logodark {
        display: block !important;
        max-width: 150px !important;
        transition: none !important;
        margin-top: -1px !important;
    }
    
    
    .navbar-custom .navbar-brand .logodark {
        display: block !important;
        max-width: 150px !important;
        transition: none !important;
        margin-top: -1px !important;
    }
    
    .navbar-custom .navbar-brand .logo {
        max-width: 160px;
        margin-top: 0px;
    }
    
    
    .navbar-fixed-top .container {
     width: auto !important; }
    
    
    .navbar-custom a {
        color: #000 !important;
    }
    
    
    .navbar-custom {
        background: white;
        border: none;
    }
    
    
    .logo-header {
        max-width: 320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    
    .center-content h2 {
        font-size: 18px !important;
    }
    
    
    .img-home {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 126px !important;
        max-width: 255px !important;
    }
    
    
    .divider {
        margin-bottom: 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;
    }
    
    
    
    
    
    
    
    .title-contact {
        font-size: 21px !important;
        line-height: 1.2 !important;
    }
    
    
    
    
    
    .case-rows .col-md-6:nth-child(1) {
        padding-right: 15px;
    }
    
    .case-rows .col-md-6:nth-child(2) {
        padding-left: 15px;
    }
    
    .case-rows .col-md-6:nth-child(3) {
        padding-right: 15px;
    }
    
    .case-rows .col-md-6:nth-child(4) {
        padding-left: 15px;
    }
    
    
    .case-rows .col-md-6:nth-child(5) {
        padding-right: 15px;
    }
    
    .case-rows .col-md-6:nth-child(6) {
        padding-left: 15px;
    }
    
    .case-rows .col-md-6:nth-child(7) {
        padding-right: 15px;
    }
    
    .case-rows .col-md-6:nth-child(8) {
        padding-left: 15px;
    }
    
    
    
    
    .case-rows {
        padding-top: 20px;
    }
    
    
    
    
    .apps-text {
        font-size: 37px;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width: 1px;
        letter-spacing: 0.03em;
    }
    
    
    
    .slider-one-position {
        margin-top: -5px;
    }
    
    .one-block-bg {
        padding: 30px;
    }
    
    
    
    .swiper-pagination-bullet {
        font-size: 14px;
        margin-top: 5px;
    }
    
    
    .case-bottom-big-title {
        font-size: 24px;
        margin-top: 45px;
    }
    
    .video-about-cover {
        position: initial;
        margin-left: auto;
        /* right: auto; */
        margin-top: -100px;
    }
    
    .about-title {
        margin-top: 30px;
        margin-bottom: 15px;
        font-size: 36px;
    }
    
    
    .three-block-bg {
        padding: 30px;
    }
    
    
    .three-block-step-two {
        margin-top: 5px;
    }
    
    .about-big-title .media-object {
        width: 25px;
        margin-top: 7px;
    }
    
    .about-big-title p {
        margin-bottom: 0px;
    }
    
    
    .about-block-number h1 {
        margin-bottom: -11px !important;
    }
    
    
    
    .about-block-number {
        margin-top: 16px !important;
        padding: 10px 35px;
    }
    
    
    .about-bottom-big-title {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    
    .rating-block {
        padding: 30px 30px;
        margin-bottom: 20px;
    }
    
    
    
    
    .big-number-about h3 {
        font-size: 80px;
    }
    
    
    .section-partner h1 {
        font-size: 36px;
        line-height: 1.1 !important;
        margin-bottom: 14px;
    }
    
    .section-partner {
        padding: 30px;
        padding-bottom: 50px;
    }
    
    
    .partner-text-block {
        margin-top: 10px;
        margin-bottom: 45px;
    }
    
    
    .section-business {
        padding: 30px;
        padding-bottom: 50px;
    }
    
    .business-text-block {
        margin-top: 10px;
    }
    
    
    .section-business h1 {
        font-size: 36px;
        line-height: 1.1 !important;
    }
    
    
    .section-price {
        padding: 30px;
        padding-bottom: 50px;
    }
    
    
    
    .section-price h1 {
        margin-bottom: 5px !important;
    }
    
    
    .contact-info {
        margin-top: 0px;
        text-align: center;
    }
    
    
    .title-contact-two {
        font-size: 34px;
        margin-bottom: 0px;
    }
    
    .contact.box-style {
        margin-top: 40px;
        text-align: center;
    }
    
    
    
    .btn-colored-call {
        display: block;
        position: inherit;
        text-align: center;
        z-index: 9999;
    }
    
    
    }
    
    
    
    
    
    
    
    
    
    @media only screen and (max-width: 992px) {
    
        .contact.box-style {
            margin-top: 40px;
            text-align: center;
        }
    
        .title-contact-two {
            font-size: 34px;
            margin-bottom: 0px;
        }
    
        .contact-info {
            margin-top: 0px;
            text-align: center;
        }
    
        .case-rows .col-md-6:nth-child(1) {
            padding-right: 15px;
        }
        
        .case-rows .col-md-6:nth-child(2) {
            padding-left: 15px;
        }
        
        .case-rows .col-md-6:nth-child(3) {
            padding-right: 15px;
        }
        
        .case-rows .col-md-6:nth-child(4) {
            padding-left: 15px;
        }
        
        
        .case-rows .col-md-6:nth-child(5) {
            padding-right: 15px;
        }
        
        .case-rows .col-md-6:nth-child(6) {
            padding-left: 15px;
        }
        
        
        
        
        .case-rows {
            padding-top: 20px;
        }
        
        
        
        
        .apps-text {
            font-size: 37px;
            -webkit-text-fill-color: transparent;
            -webkit-text-stroke-width: 1px;
            letter-spacing: 0.03em;
        }
        
        
        
        .slider-one-position {
            margin-top: -5px;
        }
        
        .one-block-bg {
            padding: 30px;
        }
        
        
        
        .swiper-pagination-bullet {
            font-size: 14px;
            margin-top: 5px;
        }
        
        
        .case-bottom-big-title {
            font-size: 24px;
            margin-top: 45px;
        }
        
        .video-about-cover {
            position: initial;
            margin-left: auto;
            /* right: auto; */
            margin-top: -100px;
        }
        
        .about-title {
            margin-top: 30px;
            margin-bottom: 15px;
            font-size: 36px;
        }
        
        
        .three-block-bg {
            padding: 30px;
        }
        
        
        .three-block-step-two {
            margin-top: 5px;
        }
        
        .about-big-title .media-object {
            width: 25px;
            margin-top: 7px;
        }
        
        .about-big-title p {
            margin-bottom: 0px;
        }
        
        
        .about-block-number h1 {
            margin-bottom: -11px !important;
        }
        
        
        
        .about-block-number {
            margin-top: 16px !important;
            padding: 10px 35px;
        }
        
        
        .about-bottom-big-title {
            margin-top: 40px;
            margin-bottom: 40px;
        }
        
        
        .rating-block {
            padding: 30px 30px;
            margin-bottom: 20px;
        }
        
        
        
        
        .big-number-about h3 {
            font-size: 80px;
        }
        
        
        .section-partner h1 {
            font-size: 36px;
            line-height: 1.1 !important;
            margin-bottom: 14px;
        }
        
        .section-partner {
            padding: 30px;
            padding-bottom: 50px;
        }
        
        
        .partner-text-block {
            margin-top: 10px;
            margin-bottom: 45px;
        }
        
        
        .section-business {
            padding: 30px;
            padding-bottom: 50px;
        }
        
        .business-text-block {
            margin-top: 10px;
        }
        
        
        .section-business h1 {
            font-size: 36px;
            line-height: 1.1 !important;
        }
        
        
        .section-price {
            padding: 30px;
            padding-bottom: 50px;
        }
    
    
        .slider-one-swiper-pagination span:nth-child(1) {
            margin-right: 15px;
        }
        
        .slider-one-swiper-pagination span:nth-child(2) {
            margin-right: 15px;
        }
    
    
        .brief-block {
            padding: 10px 10px;
            padding-bottom: 20px;
        }
    
        .section-partner {
            display: block;
        }
    
    
    }
    
    
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        select,
        textarea,
        input {
          font-size: 16px !important;
        }
      }