@media (max-width:1199px) {
.primary-navigation .primary-menu-container > ul > .menu-item > a {
    padding: 5px 14px;
}
.site-header .primary-navigation a {
    font-size: 17px;
}
.primary-navigation .primary-menu-container .sub-menu-toggle:after {
    top: 3px;
}

}


@media (max-width:991px) {
 .site-logo .custom-logo {
    max-width: 150px;
}   
.get-quote .btn {
    padding: 7px 10px;
    font-size: 14px;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a {
    padding: 5px 10px;
}
.site-header .primary-navigation a {
    font-size: 16px;
}
.primary-navigation .primary-menu-container .sub-menu-toggle:after {
    top: 4px;
    font-size: 14px;
}
.solutions-apart-sec .solutions-apart-left {
    width: 100%;
}
.solutions-apart-sec .solutions-apart-right{
    width: 100%;
}
.solutions-apart-left>.vc_column-inner>.wpb_wrapper {
    max-width: 100%;
    padding: 30px 10px 20px 10px;
}
.faq-sec .faq-right {
    padding-left: 0;
}
.first-step-sec .quote-form {
    padding-left: 0;
}
.free-consultation-sec {
    padding: 0 10px;
    font-size: 14px;
}

}


@media (max-width:767px) {
h1 {
    font-size: 40px;
}
h2{
    font-size: 30px;
}
h2 br{
    display: none;
}
.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
    padding-top: 18px;
    margin-top: 0;
    top: 0;
    position: absolute;
}
.menu-button-container {
    display: flex;
            padding-top: 10px;
}
.site-header .primary-navigation {
    position: absolute;
}
.primary-navigation > .primary-menu-container {
    opacity: 1;
    position: fixed;
    visibility: hidden;
    background-color: #fff;
}
.primary-navigation > .primary-menu-container {
    height: 100vh;
    z-index: 499;
    overflow-x: hidden;
    overflow-y: auto;
    border: 2px solid transparent;
    padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
    padding-left: var(--global--spacing-unit);
    padding-right: var(--global--spacing-unit);
    padding-bottom: var(--global--spacing-horizontal);
}
.primary-navigation > div > .menu-wrapper {
    padding-bottom: 100px;
}
.get-quote {
    margin-left: auto;
    padding-right: 90px;
}
.primary-navigation .primary-menu-container > ul > .menu-item {
    display: block;
    width: 100%;
}
.primary-navigation .sub-menu {
    margin: 0;
    padding: 0;
    margin-left: 0;
    border: none;
}
.primary-navigation .sub-menu .menu-item > a {
    padding: 10px;
    font-size: 14px;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a {
    padding: 10px 10px;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    padding-left: 10px;
}
.webflow-banner .vc_row .vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}
.webflow-banner {
    padding: 0;
}
.why-choose-dots .container, .technologies-sec .container2, .faq-sec .container{
    padding: 0;
}
.why-choose-dots {
    padding: 0;
}
.solutions-apart-sec {
    padding-bottom: 40px;
}
.lets-talk-image {
    margin-top: 0;
}
.technologies-sec .container2 .vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}
.technologies-tabs .techtab-content {
    padding: 25px 0;
}
.case-study-grid {
    flex-wrap: wrap;
}
.case-study-item {
    width: 100%;
}
.faq-sec {
    padding: 40px 0;
}
.posts-sec {
    flex-wrap: wrap;
}
.post-item {
    width: 100%;
}
.blog-sec {
    padding-top: 40px;
    padding-bottom: 40px;
}
.first-step-sec {
    padding: 40px 0;
}
.first-step-sec .container {
    padding: 0;
}
.related-development-sec {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
}
.related-develop {
    padding-top: 35px;
}
 #timeline::before {
    left: 0;
    transform: none;
  }
  .timeline-entry {
    width: 90%;
    align-self: flex-end;
    margin-bottom: 20px;
  }
  .timeline-entry::after {
    left: -10px;
    transform: none;
  }

}