@media only screen and (max-width: 1024px){
    .slick-slide, .slider, .slide, .slick-track{
        height: inherit;
    }

    .industry-type{
        padding: 15px 10px;
    }

    .content-section, .custom-container{
        padding: 20px;
    }

    .service_industry.inWeb-services .industry-type{
        width: 32.33%;
    }

    .hero-text.fade-in-element, .slide__content--headings{
        transform: translate(0%, -30%);
    }
}
@media (max-width: 991px) {
    .slick-track{
        height: 500px;
    }

    .slide .slide__img {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
      }

    .center-flex,
    .full-line._4-less-border {
        margin-bottom: 0
    }

    .dropdown-toggle.displaynone,
    .nav-link,
    .nav-link-2,
    .nav-link-3,
    .navlink,
    .navlink.w--current {
        border-bottom: 1px solid #dce0e8
    }

    .content-wrapper.countrycontacts {
        padding: 50px 15px
    }

    .hero-section {
        width: 100%
    }

    .content-section,
    .content-section.whydaph {
        padding: 50px 15px
    }

    .content-section.contactform {
        padding-right: 20px;
        padding-left: 20px
    }

    .paragraph.medium {
        font-size: 14px
    }

    .navbar {
        height: 57px;
        box-shadow: 1px 1px 8px 0 #b3b3b3
    }

    .navlink.search {
        background-position: 22px 50%
    }

    .navlink.search1 {
        background-position: 20px 50%
    }

    .hero-heading {
        font-size: 36px;
        line-height: 45px;
    }

    .flex-header {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .heading-box {
        width: 54%;
        padding-top: 16px;
        padding-bottom: 7px
    }

    .grid {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .expand.mobile-top-border {
        margin-top: 20px
    }

    .question {
        font-size: 16px
    }
    
    ._2-flex-center {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .text-block {
        left: -40px
    }

    .left-doodle,
    .right-doodle {
        width: 11%
    }

    .column-wrapper {
        width: 78%
    }

    .sign-up-form-2 {
        width: 100%
    }

    ._5-form {
        min-width: 340px
    }

    .offset-box {
        margin-left: 10%
    }

    .tab-image {
        width: 90%
    }

    .testimonial._2 {
        width: 84%;
        margin-right: 18%
    }

    .trainer {
        width: 80%;
        margin-right: 0;
        margin-left: 0
    }

    .image-block {
        height: 100%
    }

    .slider-column.left {
        padding-right: 60px
    }

    .slider-column.right {
        padding-left: 60px
    }

    ._2-testimonial-pic {
        width: 330px;
        height: 330px
    }

    .rounded-box._1 {
        margin-bottom: 10px
    }
    .rounded-box._3 {
        left: 0
    }
    .rounded-box._2 {
        left: 0;
        margin-right: 17px
    }
    .circle-item {
        left: -9%
    }
    .circle-item._3 {
        left: -19%;
        top: -27px
    }
    .circle-item._2 {
        left: 20%;
        top: 2px;
        margin-right: 31px
    }
    ._6-form {
        width: 100%;
        min-width: auto
    }

    ._2-heading-box {
        width: 54%
    }
    ._2-subheading {
        width: 54%;
        padding-top: 0
    }
    ._60-column-hero {
        width: 46%
    }
    ._3-flex-center {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .tab.border {
        margin-bottom: 40px;
        border-radius: 5px
    }
    .large-border {
        margin-top: 60px;
        margin-bottom: 300px
    }
    .center-intro {
        width: 75%
    }
    ._2-40-column {
        width: 40%
    }
    ._2-40-column.right-padding {
        padding-right: 45px
    }
    ._2-40-column.left-padding {
        padding-left: 22.5px
    }
    .green-line {
        width: 100%
    }
    ._3-feature-item {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    ._2-flex-space {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    ._17-column {
        display: block;
        width: 50%;
        margin-right: auto;
        margin-bottom: 54px;
        margin-left: auto
    }
    ._17-column.right {
        margin-top: 46px;
        margin-bottom: 0
    }
    .download {
        width: 100%
    }
    .guy-column {
        width: 48%
    }
    .burger-menu {
        color: #fff
    }
    .nav-menu {
        overflow: auto;
        height: 100vh;
        background-color: #fff
    }
    .menu-button,
    .menu-button.w--open {
        background-color: #000
    }
    .menu-button {
        height: 56.5px
    }
    .side-green-line {
        width: 100%
    }
    ._2-white-line {
        width: 100px
    }
    .blocks {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .info-box {
        width: 45%
    }
    .hero-2 {
        padding-top: 45px
    }
    ._6-image-block {
        height: 100%
    }
    .h2_heading {
        font-size: 28px
    }
    .section-2.content-section {
        padding: 50px 20px
    }
    .column-5,
    .column-8 {
        padding-right: 10px
    }
    .text-block-7 {
        font-size: 14px
    }
    .testimonialsinner {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .text-block-10 {
        font-size: 16px
    }
    .div-block-24,
    .div-block-27,
    .div-block-28 {
        padding-left: 0
    }
    .unordered-list-2,
    .unordered-list-3,
    .unordered-list-4 {
        padding-left: 20px;
        font-size: 14px
    }
    .unordered-list-2 {
        margin-bottom: 5px
    }
    .column-12,
    .columns-3 {
        display: block
    }
    .text-block-12 {
        text-align: left
    }
    .finduscolumbreath {
        font-size: 14px
    }
    .column-20 {
        padding-right: 10px
    }

    ul.process li:before {
        display: none;
    }
    ul.process li {
        width: 33.33%;
        margin-bottom: 20px;
    }
    ul.technical-support-work li {
        width: 50%;
    }
    ul.android-weoffer li {
        width: 50%;
    }
    .faq-box.serviceDetails._2.w-clearfix>img.respImg.border-radius4 {
        width: 100% !important;
    }
    .content-row4 .content-col4 {
        width: 50%;
        margin-bottom: 15px;
    }
    ul.sales-marketing-tab-icons li {
        width: 50%;
    }
    ul.portfolio-logo1 li {
        width: 33.33%;
    }
    ul.technical-support-work li {
        width: 33.33%;
    }
    .branding-presentation-row5 .branding-presentation-col5 {
        width: 33.33%;
        margin-bottom: 30px;
    }
    .desktop-logo {
        display: none;
    }
    .mobile-logo {
        display: block;
    }
    .web-content-row4 .web-content-col4 {
        width: 25%;
    }
}

.error {
    box-shadow: 0 0px 5px #ef5d1a !important;
}

@media only screen and (max-width: 959px) {

    .mobile-menu-close{
        display: block;
    }

    .menu .show-on-mobile{
        display: block;
        background: rgba(0, 0, 0, 0.9);
        border-radius: 4px;
        position: fixed;
        top: 0;
        left: 0;
        padding: 15px;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    ul.dropdwon.normal-sub{
        border-radius: 0;
        border: 0;
        box-shadow: none;
    }

    .menu-container {
        width: 100%;
        position: relative;
    }
    .main-header .menu {
        padding: 10px 15px;
        display: block;
        position: relative;
    }
    .menu-mobile, .menu-mobile:focus {
        display: block;
        position: absolute;
        right: 15px;
        top: 14px;
        line-height: normal;
        border: 1px solid #ff9702;
        border-radius: 3px;
        padding: 4px 13px;
        color: #ff9702;
        font-size: 22px;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu>ul {
        display: none;
        width: 100%;
        padding: 8px 0;
    }
    .menu>ul>li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu>ul>li a {
        padding: 6px 0;
        width: 100%;
        display: block;
        color: #fff;
    }
    .menu>ul>li>ul {
        position: relative;
        padding: 15px 30px;
        width: 100%;
        left: 0;
        top: 0;
    }
    .menu>ul>li>ul.normal-sub {
        width: 100%;
    }
    .menu>ul>li>ul>li:first-child {
        margin: 0;
    }
    .menu>ul>li>ul>li>ul {
        position: relative;
    }
    .menu>ul>li>ul>li>ul>li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
        border-radius: 0px;
    }

    .menu>ul>li a{
        padding: 20px 0;
        width: 100%;
        display: block;
        border-bottom: 1px solid #333;
        font-size: 20px;
        text-align: center;
        font-weight: normal;
    }

    .menu>ul>li>ul.normal-sub>li a{
        padding: 15px 10px;
        letter-spacing: 0.5px;
        font-size: 16px;
    }

    .menu-dropdown-icon:before{
        position: absolute;
        right: 10px;
        top: 15px;
        width: 35px;
        height: 35px;
        padding: 9px;
        border-radius: 50%;
    }

    #header {
        position: relative !important;
    }
    .main-header .menu .logo a.w--current {
        background: url(../images/logo.png) center center;
        width: 178px;
        height: 47px;
        display: block;
    }
    .main-header .menu .logo a.w--current img {
        display: none;
    }
    .footer-nav {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {

    .services-block{
        width: 48%;
    }

    .hero-text.fade-in-element, .slide__content--headings{
        transform: translate(0%, 0%);
        top: 0;
        margin-top: 30px;
    }

    li.menu-dropdown-icon a .uil {
        display: none;
    }

    .hero-heading span{
        display: block;
    }

    .slick-track{
        height: 300px;
    }

    .h3-title.getintouch.text-red{
        text-align: center;
    }

    .flex-center.spcBetween {
        justify-content: center;
    }

    .content.part-3{
        width: 50% !important;
    }

    .img-box{
        padding: 15px 0px;
    }


    .service_industry.inWeb-services .industry-type{
        width: 49%;
    }

    .half-part {
        flex: auto;
    }

    .slide .slide__img img{
        max-width: fit-content;
    }
    ul.portfolio-logo1 li {
        width: 50% !important;
    }
    .flex-space.mobile-center.serviceIndustries ._2-intro-feature {
        width: 47% !important;
    }
    .tab-link,
    .tab-link.w--current {
        width: 100%
    }
    ._50-column.circles,
    .flex-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
    .pricing-box._2,
    .statics-item {
        margin-right: 0
    }
    .faq-box._2,
    .inline-block,
    .question-box {
        display: block
    }
    .inner-wrapper,
    .right-padding.large {
        padding-right: 0
    }
    ._2-tab-link._1.w--current,
    ._2-tab-link._2.w--current,
    ._2-tab-link._3.w--current,
    ._2-tab-link.w--current {
        background-color: rgba(220, 224, 232, .5)
    }
    .div-block-6,
    .div-block-7,
    .div-block-8,
    .div-block-9,
    .image-9 {
        float: none
    }
    ._50-column.circles,
    .div-block-19.row-21,
    .flex-header {
        -webkit-box-direction: normal
    }
    .circle-item._3,
    .column-4,
    .hero-tabs {
        position: relative
    }
    .column-15,
    .faq-box,
    .faq-box._2 {
        text-align: center
    }
    .content-section.contactform {
        margin-top: 0
    }
    .bottom-border.mobile {
        margin-bottom: 15px
    }
    .hero-heading {
        font-size: 32px
    }
    .subtitle-white {
        font-size: 16px
    }
    .tabs-menu {
        padding-left: 160px;
        background-position: 163px 50%, 36px 50%
    }
    ._48-column,
    ._50-column-center._2-left-padding,
    ._50-column-center.left-padding,
    .inner-wrapper,
    .left-padding.large {
        padding-left: 0
    }
    .tab-link {
        margin-bottom: 10px;
        border-left-style: none
    }
    .flex-header {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .heading-box {
        width: 74%
    }
    .box {
        width: 47%;
        margin-bottom: 45px
    }
    .box._3 {
        margin-bottom: 0
    }
    ._50-column-center.landscape-border,
    ._50-column.center-border,
    ._50-column.landscape-border,
    .pricing-box,
    .team-member {
        margin-bottom: 45px
    }
    .flex {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .notebook._2 {
        padding-top: 0
    }
    ._50-column-center {
        width: 100%
    }
    .statics-item {
        width: 60%
    }
    .team-member {
        width: 47%
    }
    .feature-item {
        width: 50%
    }
    .feature-item._2 {
        border-right-style: none
    }
    .feature-item._3 {
        border-right-style: solid
    }
    ._2-tab-link._1,
    ._2-tab-link._2,
    .feature-item._3.withrightborder.nobottomborder,
    .feature-item._4 {
        border-right-style: none
    }
    .feature-item._4 {
        border-bottom-style: solid
    }
    .curve-bg {
        width: 84%;
        background-size: 185px, 464px
    }
    .hero-2,
    .special-section {
        background-position: 0 0;
        background-size: auto;
        background-repeat: repeat
    }
    ._50-column {
        width: 100%
    }
    ._50-column.description {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: center
    }
    ._50-column.circles {
        margin-top: 45px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    ._48-column {
        width: 100%
    }
    .pricing-box {
        width: 47%
    }
    .pricing-box.no-border {
        margin-bottom: 0
    }
    .question-box {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .inline-block {
        clear: none
    }
    .special-section {
        background-image: none
    }
    ._60-column {
        width: 100%;
        margin-bottom: 45px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    ._2-flex-center.reverse-wrap {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
    .text-block {
        left: 45px
    }
    .lightbox-item {
        width: 50%;
        margin-bottom: 45px
    }
    .lightbox-item.landscape-border {
        margin-bottom: 0
    }
    .select-field,
    .text-field {
        margin-right: 0;
        margin-bottom: 15px
    }
    .text-field {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .submit-button {
        width: 100%
    }
    .select-field {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .column-wrapper {
        max-width: 410px
    }
    .sign-up-form-2 {
        width: 80%;
        max-width: 420px
    }
    ._2-submit-button {
        width: 100%
    }
    .footer-link {
        margin-right: 10px
    }
    .left-column {
        width: 100%;
        margin-bottom: 45px
    }
    .right-column {
        width: 101%
    }
    ._25-column {
        width: 100%;
        margin-bottom: 25px
    }
    ._37-column,
    ._65-column {
        width: 100%
    }
    .intro-feature {
        width: 47%;
        margin-bottom: 35px
    }
    .intro-feature.no-border {
        margin-bottom: 0
    }
    ._2-tab-link {
        width: 100%;
        padding-top: 14px;
        padding-bottom: 14px
    }
    .tabs-menu-2 {
        padding: 20px
    }
    .tip {
        display: none
    }
    .book-column {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 33px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    ._42-column._2 {
        padding-left: 0
    }
    .large-circle {
        width: 220px;
        height: 220px
    }
    .split-column.reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
    .testimonial-pic {
        margin-bottom: 10px
    }
    ._50-column-red {
        width: 100%
    }
    ._50-column-red.icons {
        padding-right: 0;
        padding-left: 0
    }
    ._50-column-red._2-left-icon,
    ._50-column-red._3-left-icon,
    ._50-column-red.left-icon {
        height: 610px
    }
    ._2-intro-feature {
        width: 47%;
        margin-bottom: 20px
    }
    ._2-intro-feature.mobile-border {
        margin-bottom: 0
    }
    ._50-column-icon {
        width: 50%
    }
    .overlay-gradient {
        background-image: -webkit-linear-gradient(0deg, #ff5136, transparent 68%);
        background-image: linear-gradient(90deg, #ff5136, transparent 68%)
    }
    ._50-column-flex {
        width: 100%
    }
    .slider-column.left {
        padding-right: 45px
    }
    ._2-testimonial-pic {
        width: 220px;
        height: 220px
    }
    .circle-item {
        left: 0
    }
    .column._2 {
        width: 100%
    }
    .column.mobile-display {
        display: none
    }
    .intro-box {
        width: 47%;
        margin-bottom: 35px
    }
    .intro-box.mobile-border {
        margin-bottom: 0
    }
    .quote-slide {
        padding-right: 30px;
        padding-left: 30px
    }
    .feature {
        width: 47%
    }
    .feature._4 {
        margin-bottom: 45px
    }
    ._6-form {
        margin-top: 0
    }
    .blocks,
    .mobile-top-border {
        margin-top: 45px
    }
    .landscape-border {
        margin-bottom: 54px
    }
    ._2-heading-box,
    ._2-subheading {
        width: 64%
    }
    .input-border-footer {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px
    }
    ._60-column-hero {
        width: 100%;
        margin-bottom: 650px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    ._2-60-column,
    .large-border {
        margin-bottom: 45px
    }
    ._3-flex-center {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
    ._2-60-column,
    ._3-59-column {
        -webkit-box-flex: 0;
        width: 100%
    }
    .tab {
        border-radius: 5px
    }
    ._2-40-column {
        width: 100%;
        margin-right: 0
    }
    ._2-40-column._1 {
        height: 650px
    }
    .column-14,
    .column-15 {
        height: auto
    }
    ._2-40-column.right-padding {
        margin-bottom: 45px;
        padding-right: 0
    }
    ._2-40-column.left-padding {
        padding-left: 0
    }
    ._2-60-column {
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .green-line {
        min-width: 100px
    }
    .full-section-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    ._3-59-column {
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .grid-item {
        width: 100%
    }
    ._3-feature-item {
        width: 47%;
        padding-right: 3%;
        padding-left: 3%
    }
    ._3-feature-item.no-border {
        margin-bottom: 0
    }
    .text-field-green {
        margin-right: 0;
        margin-bottom: 15px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    ._3-flex-space {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .ebook-absolute {
        left: -15px;
        top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .download {
        max-width: 525px
    }
    ._50-column-end {
        width: 100%
    }
    ._50-column-end.mobile-border {
        margin-bottom: 45px
    }
    .guy-column {
        width: 100%;
        margin-right: 0
    }
    .slide-arrow {
        display: none
    }
    ._3-slide-nav {
        display: block
    }
    .blocks {
        width: 100%
    }
    .layouts {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    ._87-column-description {
        width: 100%;
        max-width: 100%;
        margin-bottom: 25px
    }
    .column-5,
    .column-8,
    .div-block-20.testmoniblock {
        margin-bottom: 15px
    }
    ._1-50-program,
    ._2-50-program,
    ._3-50-program {
        width: 100%;
        min-height: 450px
    }
    .block-quote-2 {
        width: 90%
    }
    .block-quote {
        padding-right: 20px;
        padding-left: 20px
    }
    ._2-testimonial-left {
        width: 32%
    }
    .hero-2 {
        background-image: none
    }
    .program-hero {
        width: 100%;
        min-height: 450px
    }
    .tip-2,
    .tip-3 {
        display: none
    }
    .slide-7 {
        padding-top: 60px
    }
    .div-block-4,
    .div-block-5 {
        display: block;
        float: none
    }
    .column-14.sample1block,
    .div-block-19.row-21 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox
    }
    .column-2,
    .column-3 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .div-block-19.row-21 {
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .column-13,
    .column-4,
    .row-21 {
        display: block
    }
    .testimonialimg.sample1imgs {
        position: static;
        right: auto
    }
    .div-block-21.testimonialblock {
        padding-left: 0
    }
    .technologiesused {
        padding-bottom: 20px;
        font-size: 14px
    }
    .officeaddresses {
        padding-top: 0
    }
    .column-14.sample1block {
        display: flex;
        height: auto
    }
    .column-15 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .columns {
        display: block;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .inputfield {
        font-size: 14px
    }
    #email-form .inputfield {
        width: 100%;
    }
    h1.hero-heading {
        margin-bottom: 5px;
        font-size: 22px;
        line-height: 1.5;
    }
    h1.hero-heading br {
        display: none;
    }
    h1.hero-heading span.text-red {
        display: block;
    }
    .slide-5,
    .slide-7 {
        padding-top: 0 !important;
    }
    .subtitle-box p.subtitle-white {
        margin: 0 20px;
    }
    .subtitle-box {
        width: 100%;
    }

    .client {
        position: relative;
        bottom: 0;
        margin-top: 15px;
    }
    ul.technical-support-work li {
        width: 50%;
    }
    ul.portfolio-logo1 li {
        width: 50%;
    }
    .branding-presentation-row5 .branding-presentation-col5 {
        width: 50%;
    }
    .app_features li {
        width: 50%;
        margin: 0;
        padding: 10px;
    }
    .web-content-row4 .web-content-col4 {
        width: 50%;
    }
    .web-content-row4 .web-content-col4:nth-child(2) {
        border-right: 0;
    }
    ul.lead-generation-row3 li {
        width: 100% !important;
    }
    .footer-section .footer-form .bottom-border .w-row {
        margin: 0 auto;
        max-width: 250px;
    }
}

@media only screen and (max-width: 667px){
    .costom-container, .front-content{
        padding: 15px;
    }

    .question, p{
        font-size: 14px;
        line-height: 1.3;
    }

    .paragraph.medium{
        font-size: 13px;
        line-height: 1.5;
    }

    .banner-content.center h1 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 480px) {

    /* .service-block-inner{
        height: auto;
    } */

    body.mobile-view .fancybox-next{
        right: 0px;
        background-color: #fff;
    }

    .fancybox-prev, body.mobile-view .fancybox-prev{
        left: 0;
        background-color: #fff;
    }

    .fancybox-close{
        top: 15px;
        right: 15px;
        background-color: #ff3333;
        background-size: 15px;
        border-radius: 50%;
    }

    .teamMember{
        margin:auto;
    }

    button.slick-next.slick-arrow,
    button.slick-prev.slick-arrow {
        display: none !important;
    }

    .teamMember{
        margin-bottom: 15px;
    }

    .half-part{
        text-align: center;
    }

    p{
        font-size: 14px;
    }

    .flex-space.mobile-center.serviceIndustries ._2-intro-feature {
        width: 100% !important;
        margin: 0 0 15px 0;
    }
    ._77-item,
    .box,
    .feature-item,
    .heading-box,
    .line,
    .notebook,
    .notebook._2,
    .statics-item {
        width: 100%
    }
    .faq-box._5,
    .feature-item._5 {
        border-bottom-style: solid
    }
    .faq-box,
    .feature-40,
    .feature-item._1,
    .feature-item._3,
    .feature-item._3.notopborder,
    .feature-item._3.withrightborder,
    .feature-item._5,
    .row-title {
        border-right-style: none
    }
    .arrow-box,
    .left-doodle,
    .overlay-gradient,
    .right-doodle {
        display: none
    }
    .clientname,
    .div-block-21 {
        text-align: center
    }
    .content-section.contactform {
        margin-top: 0;
        padding-top: 30px;
        padding-right: 20px;
        padding-bottom: 30px
    }
    .navbar {
        box-shadow: 2px 2px 10px 0 #c3c6c9
    }
    .hero-heading {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 26px
    }
    .red-line {
        min-width: 100px
    }
    .tab-pane._3 {
        padding-bottom: 220px
    }
    .tabs-menu {
        padding-top: 53px;
        padding-left: 0;
        background-image: url(../images/Show-me-more.png);
        background-position: 29px 26px;
        background-size: 101px;
        background-repeat: no-repeat
    }
    .feature-item._2,
    .feature-item._3 {
        padding-top: 0;
        padding-bottom: 0
    }
    .notebook {
        padding-right: 15px;
        padding-left: 15px
    }
    .form-spacing,
    .right-padding.large {
        padding-right: 0
    }
    .form-spacing,
    .left-padding.large {
        padding-left: 0
    }
    .team-member {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
    .curve-bg {
        width: 110%;
        background-size: 95px, 464px
    }
    ._77-column,
    .collection-item,
    .column-wrapper,
    .faq-box,
    .lightbox-item,
    .pricing-box,
    .schedule,
    .schedule._2,
    .sign-up-form-2 {
        width: 100%
    }
    .right-arrow {
        right: 0
    }
    .left-arrow {
        right: 28px
    }
    .schedule {
        margin-bottom: 5px
    }
    ._42-column {
        margin-bottom: 20px
    }
    .flex-space.mobile-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .text-block {
        left: -48px
    }
    .tag.green {
        border-radius: 2.5px
    }
    .inner-hero {
        padding-top: 60px
    }
    ._2-preview-image {
        width: 60%
    }
    .right-text-preview {
        width: 100%;
        margin-left: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    ._5-form {
        width: 85%;
        min-width: auto
    }
    .offset-box {
        margin-left: 0;
        padding-right: 25px;
        padding-left: 25px
    }
    .intro-feature {
        width: 100%
    }
    .lightbox-link-2 {
        width: 90%
    }
    ._2-intro-feature,
    ._4-text-field,
    ._42-column,
    ._50-column-icon,
    ._57-column,
    .column-red,
    .row-title,
    .testimonial._2,
    .testimonial._3 {
        width: 100%
    }
    ._57-column {
        padding-right: 0;
        padding-left: 0
    }
    ._50-column-red,
    .column-red {
        padding-right: 60px;
        padding-left: 60px
    }
    ._42-column {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .split-column.reverse-wrap {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
    .testimonial._1 {
        width: 100%;
        margin-right: 4%
    }
    .testimonial._2 {
        margin-right: 12%
    }
    .testimonial-pic {
        margin-bottom: 0
    }
    .row-title {
        border-bottom: 1px solid #c4cbd7
    }
    .row-20,
    .row-20._2 {
        width: 33.333%
    }
    .feature-40 {
        width: 100%
    }
    ._87-column {
        width: 100%;
        margin-bottom: 25px
    }
    ._50-column-flex {
        width: 100%
    }
    ._2-slide-nav {
        display: block
    }
    .slider-column.left {
        width: 100%;
        min-height: 390px;
        padding-right: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .slider-column.right {
        width: 100%;
        min-height: 390px;
        padding-right: 60px;
        padding-left: 60px
    }
    ._4-right-arrow {
        display: none
    }
    ._2-testimonial-pic {
        width: 250px;
        height: 250px
    }
    ._4-image-block,
    .feature,
    .intro-box,
    .quote-big {
        width: 100%
    }
    .rounded-box._3 {
        margin-top: 9px
    }
    .circle-item {
        left: -16%
    }
    .circle-item._3 {
        left: -25%;
        top: -8px
    }
    .circle-item._2 {
        left: 14%
    }
    ._2-image-block {
        width: 100%;
        margin-bottom: 45px
    }
    ._4-image-block {
        margin-bottom: 35px
    }
    .quote-offset {
        left: 0
    }
    .feature._4,
    .feature._5 {
        margin-bottom: 45px
    }
    ._3-input-spacing,
    ._5-text-field,
    ._5-text-field.email,
    ._5-text-field.name {
        margin-bottom: 10px
    }
    ._6-form {
        width: 95%
    }
    ._5-text-field {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
    ._5-text-field.phone {
        margin-bottom: 10px;
        margin-left: 0
    }
    ._5-text-field.last-name {
        margin-left: 0
    }
    ._3-input-spacing.no-border {
        margin-bottom: 0
    }

    ._2-heading-box {
        width: 100%
    }
    ._2-subheading {
        width: 90%
    }
    .mobile-top-border {
        margin-top: 45px
    }
    .center-intro {
        width: 85%
    }
    ._2-40-column._1 {
        height: 650px
    }
    .column-14,
    .column-15 {
        height: auto;
        display: block
    }
    .button-5.no-border {
        border-top-style: none;
        border-left-style: solid
    }
    .mini-feature {
        margin-bottom: 15px;
        border-radius: 3px
    }
    .mini-feature._2 {
        border-style: solid;
        border-radius: 3px
    }
    ._3-59-column {
        padding-left: 45px
    }
    ._3-feature-item {
        width: 100%;
        padding-right: 5%;
        padding-left: 5%
    }
    ._3-feature-item.no-border {
        margin-bottom: 35px
    }
    .ebook-absolute {
        position: relative;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 20px
    }
    .download {
        padding-left: 20px
    }
    ._2-red-line {
        width: 100px;
        min-width: auto
    }
    ._2-50-column-icon,
    ._3-50-column-icon,
    ._77-column-icons.center,
    .center-50,
    .layout-box {
        width: 100%
    }
    ._3-slide-nav {
        position: absolute;
        display: block
    }
    ._87-column-description {
        width: 100%;
        margin-bottom: 25px
    }
    ._1-50-program._1 {
        padding-right: 40px;
        padding-left: 40px
    }
    .block-quote,
    .info-box {
        width: 90%
    }
    .info-box {
        margin-right: 0;
        margin-bottom: 45px
    }
    .image-13,
    .testimonialimg.sample1imgs {
        margin-right: auto
    }
    .info-box.no-border {
        margin-bottom: 0
    }
    .block-quote-2 {
        padding-right: 15px;
        padding-left: 15px
    }
    ._2-testimonial-left {
        width: 100%;
        margin-bottom: 25px;
        border-bottom: 1px solid #c4cbd7;
        border-right-style: none
    }
    ._2-testimonial-right {
        padding-left: 0
    }
    ._2-center-flex {
        width: 33.333%
    }
    .slide-5 {
        padding-top: 50px
    }
    .slide-7 {
        padding-top: 0
    }
    .div-block-19.row-21 {
        display: block
    }
    .brething,
    .text-block-8.clientcomments {
        padding-left: 0;
        padding-right: 0
    }
    .text-block-8.clientcomments {
        margin-bottom: 25px;
        text-align: center
    }
    .image-13 {
        margin-left: auto
    }
    .text-block-11 {
        font-size: 14px
    }
    .column-14 {
        padding-right: 0
    }
    .column-14.sample1block {
        display: block
    }
    .column-15 {
        padding-right: 0
    }
    .columns-3 {
        display: block
    }
    .inputfield {
        width: 98%
    }
    .footer-nav a {
        display: block;
        margin: 3px 0;
    }
    .footer-flex {
        display: block;
        text-align: center;
    }
    .text-block-12 {
        text-align: center;
        margin: 10px 0;
    }

    ul.process li {
        width: 100%;
    }
    #email-form .inputBox {
        width: 100%;
        margin: 0;
        float: none;
        position: relative;
    }
    #email-form .inputfield {
        margin-bottom: 15px;
    }
    #email-form .inputBox .budget-wrap .content input {
        width: 100%;
        display: block;
    }
    ul.portfolio-logo1,
    ul.technical-support-work {
        margin: 0;
    }
    ul.portfolio-logo1 li,
    ul.technical-support-work li {
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0;
    }
    ul.sales-marketing-tab-icons li .social-media-tab-in {
        margin: 0;
    }
    .faq-box.serviceDetails {
        padding: 0 0 20px 0;
    }
    .flex-space.mobile-center.services ._2-intro-feature {
        width: 100%;
    }
    ul.android-weoffer li {
        width: 100%;
    }
    ul.android-weoffer {
        margin: 0;
    }
    ul.android-weoffer li span {
        margin: 5px 0;
    }
    .content-row4 {
        margin: 30px 0;
    }
    .content-row4 .content-col4 {
        width: 100%;
    }
    ul.sales-marketing-tab-icons,
    .content-row4 .content-col4 .content-col4-in {
        margin: 0;
    }
    ul.sales-marketing-tab-icons li {
        width: 100%;
    }
    ul.portfolio-logo1 li {
        width: 100% !important;
    }
    ul.technical-support-work li {
        width: 100%;
    }
    ul.portfolio-logo1 li {
        width: 100%;
    }
    .branding-presentation-row5 .branding-presentation-col5 {
        width: 100%;
    }
    .app_features li {
        width: 100%;
        float: none;
    }
    .techMain {
        display: block;
    }
    .techBox {
        width: 100%;
        margin: 10px 0;
    }
    .web-content-row4 .web-content-col4 {
        width: 100%;
        border-right: 0;
        padding: 20px 0;
        border-bottom: 2px solid #6ac214;
        margin: 0;
    }

    .header-top .centerFlex{
        display: block;
    }

    .header-top{
        padding: 10px 15px;
    }

    

    .flex-top, .flexStretch, .flex-center{
        display: block;
    }

    .content.part-3, .content.part-2, .services-block{
        width: 100% !important;
    }

    .count-title{
        margin: 0;
        margin-bottom: 50px;
    }

    .services-block{
       margin-bottom: 15px;
    }

    .service-icon{
        float: none !important;
        text-align: center;
        display: block;
        margin: auto;
        height: auto;
    }

    .service-content h4{
        text-align: center;
    }

    .flex-top.service_industry {
        text-align: center;
    }

    .slick-slide, .slider, .slide{
        height: auto;
    }

    .slick-track{
        height: 250px;
    }

    .hero-heading span{
        display: block;
        font-size: 20px !important;
    }

    .slide .slide__img{
        position: relative;
        transform: translateY(0%);
    }

    .slide .slide__img img{
        height: 300px;
    }

    button.slick-prev.slick-arrow{
        left: 0;
    }

    button.slick-next.slick-arrow{
        right: 0;
    }

    .heading-block{
        margin-bottom: 0px;
    }

    .whyus-block, .h3-title.getintouch, .address-block{
        text-align: center;
    }

    .custom-container{
        padding: 20px;
    }

    .banner-content h1{
        font-size: 22px;
        line-height: 1.3;
    }

    .banner-section{
        height: 200px;
        overflow: hidden;
    }

    .banner-section img{
       max-width: fit-content;
       margin-left: -1000px;
    }

    .banner-content{
        padding: 15px;
        width: 100%;
    }

    .uil.uil-angle-down{
        display: none;
    }

    .content-section, .content-section.whydaph{
        padding: 20px;
    }

    .aboutblocks{
        display: block;
    }

    .service_industry.inWeb-services .industry-type{
        width : 100%;
    }

    .bullets{
        text-align: left;
    }

    .industry-type{
        margin-bottom: 15px !important;
    }

    .subtitle-white{
        font-size: 13px;
    line-height: 1.5;
    }

    .red-line{
        margin: 10px 0px;
    }

    .small, small{
        font-size: 100%;
    }

    ul.nav.nav-pills.nav-stacked{
        margin-bottom: 15px;
    }

    .aboutblocks .service-icon{
        margin-right: auto;
        margin-bottom: 5px;
    }

    .contact-form{
        background-color: transparent;
    }

    .finduscolumbreath{
        padding: 0px;
        margin-top: 15px;
    }

    .header-left li{
        margin-right: 0;
        text-align: center;
        display: block;
    }

    .social-media{
        text-align: center;
    }

    .bullets{
        padding-left:30px;
    }

    .service-content{
        width: 100%;
    }
}