@media only screen and ( max-width: 850px ) {
    body .lat-item {
        padding-top: 40px;
    }

    body .acombo-block .row {
        display: block;
    }

    body section.acombo-head h1 br {
        display: none;
    }

    body.dark-nav .lat-item:before {
        opacity: 0;
    }

    body.dark-nav section.our_process.process4 {
        padding-bottom: 3em;
    }

    body.dark-nav .desk-menu {
        color: #ddd;
        border-color: #ddd;
    }

    body.dark-nav .acombo-head h1:before {
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    body .acombo-right.col-md-8 {
        padding-left: 15px;
        text-align: center;
        margin-bottom: 3em;
    }

    body .acombo-right h2 {
        font-size: 26px;
    }

    body .acombo-right a.acombo-btn {
        margin: 0 auto;
    }

    body section.acombo-head {
        text-align: center;
    }

    body section.acombo-head h1 {
        font-size: 30px;
    }

    body section.acombo-block {
        padding: 4em 0;
    }

    body header .contlist {
        text-align: center;
        margin: 16px 0 0;
    }

    body .desk-menu {
        display: inline-block;
        float: right;
    }

    body header .container-fluid {
        padding: 10px 15px 5px;
    }

    body header .menu {
        display: none;
    }

    .homepage .firstsec {
        text-align: center;
        padding: 160px 0px 40px !important;
    }

    body .firstsec article h1 {
        font-size: 37px;
        line-height: 1;
    }

    body .slider1-left {
        /* display: none; */
    }

    body .firstsec article p {
        font-size: 16px;
    }

    body .firstsec article p br {
        display: none;
    }

    body .firstsec .col-md-7 {
        display: none;
    }

    body .firstsec .custBtn {
        margin: 0 auto;
        float: none;
        display: table;
        font-size: 18px;
        padding: 17px 30px 17px 30px;
    }

    body .services .bx.one:after {
        display: none;
    }

    body .services .bx.two:after {
        display: none;
    }

    body .content-header h2 {
        font-size: 32px !important;
        line-height: 1.2;
    }

    body .content-header p {
        font-size: 16px;
    }

    body .portfolio ul.tabs li:nth-child(odd) {
        /* margin-right: 16px; */
        /* margin-left: 0; */
    }

    body .portfolio ul.tabs li {
        width: 48%;
        border-radius: 0;
        margin: 8px 0px;
        font-size: 14px;
        padding: 12px;
    }

    body .portfolio ul.tabs {
        display: block;
        display: grid;
        grid-template-columns: auto auto auto;
    }

    body .portfolio .maintabs {
        padding: 30px;
        text-align: center;
    }

    body .portfolio .tab-content article h3 {
        font-size: 26px;
    }

    body .tb-portfolio {
        /* display: none; */
        padding: 20px 10px 7px !important;
    }

    body .portfolio .tab-content article .ctabtn {
        text-align: center;
    }

    body .portfolio .tab-content article .ctabtn .btn {
        margin: 0 0 15px;
        font-size: 17px;
        width: 150px;
    }

    body .portfolio2 {
        padding-top: 120px;
        padding-bottom: 0;
    }

    body .content-header {
        margin-bottom: 20px;
    }

    body .portfolio2 .tab-content2 .col-md-4 {
        /* width: 33.33%; */
        /* padding: 0; */
    }

    body .portfolio2 .tab-content2 .col-md-4 img {
        margin-bottom: 0;
    }

    body section.cta_section {
        text-align: center;
        float: left;
        padding: 50px 20px;
    }

    body .ready_h h2 {
        font-size: 60px;
        line-height: 50px;
        margin: 0;
        text-align: left;
    }

    body .ready_h:after {
        display: none;
    }

    body .ready_h h2 strong:before {
        display: none;
    }

    body .ready_h {
        margin-right: 0;
        padding-right: 0;
        width: 40%;
    }

    body section.cta_section .row {
    }

    body .call_us {
        position: static;
        clear: both;
        text-align: left;
        margin-top: 20px;
        float: none;
        width: 40%;
        left: 0;
        justify-content: start;
        align-items: start;
    }

    body .cons_h {
        margin-top: 30px;
        text-align: left;
        padding: 0;
    }

    body .cta_btns {
        text-align: left;
        float: none;
        width: 50%;
    }

    body .cta_btns li {
        width: 50%;
        margin: 10px 0 0;
    }

    body .cta_btns li > a {
        float: none;
        display: inline-block;
        margin: 0 auto;
        padding: 11px 10px;
        font-size: 16px;
        max-width: 170px;
        min-width: 170px;
        text-align: center;
    }

    /* .cta_btns li > a:before {left: 7px;top: 5px;} */
    .cta_btns li > a.live_chat:before, .cta_btns li > a:before {
        display: none;
    }

    body section.packages {
        clear: both;
    }

    body section.service-block {
        text-align: center;
    }

    body .service-block h2 {
        font-size: 26px;
    }

    body .service-block h2.comp_col {
        font-size: 22px;
    }

    body .serv-right.col-md-6 {
        display: none;
    }

    body .serv-left .sicon ul.serv-list {
    }

    body .serv-list li {
        text-align: left;
    }

    body .custBtn {
        font-size: 16px;
        padding: 12px 20px 12px 30px;
        min-width: auto;
        display: table;
        margin: 0 auto;
        float: none;
    }

    body .serv-btns span.serv-span {
        clear: both;
        float: right;
        width: 100%;
    }

    body section.our_process {
        padding-top: 4em;
        clear: both;
    }

    body .lat-item:after {
        display: none;
    }

    body section.our_industry {
        text-align: center;
    }

    body .oi_left h2 {
        font-size: 26px;
    }

    body .oi_left h2 br {
        display: none;
    }

    body .oi_left h5 {
        font-size: 18px;
    }

    body .oi_left p {
        font-size: 15px;
    }

    body .oi_right.col-md-6 {
        display: none;
    }

    body .col-md-6.test-left {
        display: none;
    }

    body section.our-testimonial {
        padding: 3em 0;
        width: 100%;
        text-align: center;
    }

    body .test-right h2 {
        font-size: 27px;
    }

    body #testslider h3 {
        font-size: 20px;
    }

    body .test-item p.quote {
        font-size: 17px;
    }

    body section.comp-logo {
        text-align: center;
    }

    body .comp-logo h4 {
        font-size: 22px;
    }

    body .comp-logo h4 br {
        display: none;
    }

    body section.footer-form {
        text-align: left;
    }

    body .contact-head h2 {
        font-size: 38px;
        line-height: 1;
        margin-bottom: 10px;
    }

    body .contact-head h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    body footer {
        text-align: left;
        padding: 30px 10px 0;
    }

    body .footer-link .col-md-2 {
        margin: 20px 0;
        display: table;
    }

    body .social-link {
        float: none;
        display: table;
        margin: 10px auto 0;
    }

    body .banner-left h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    body section.inner-banner {
        padding-top: 11em;
        padding-bottom: 4em;
    }

    body .banner-left a.banner-btn {
        margin: 20px auto 0;
        float: none;
        display: table;
        font-size: 18px;
        padding: 17px 30px 17px 30px;
    }

    body ul.banner-list {
        margin-top: 0;
    }

    body .col-md-12.banner-left li {
        margin-right: 16px;
        font-size: 15px;
    }

    body section.nservice-block {
        padding: 8em 0 0em 0;
    }

    body .nserv-thumb {
        display: none;
    }

    body .nserv-left.col-md-6 {
        min-height: auto;
    }

    body .nserv-list {
        position: static;
        width: 100%;
        max-width: 100%;
    }

    body .nserv-list li {
        display: table;
        float: none;
        margin: 0 auto 10px;
    }

    body .nserv-right h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    body .nserv-right {
        text-align: center;
        margin-top: 6em;
    }

    body .nserv-right h2 strong {
        font-size: 16px;
    }

    body .nserv-right h4 {
        margin: 0 0 10px;
    }

    body .content-header br {
        display: none;
    }

    body .portfolio2 .tab-content2.webport .col-md-4 {
        width: 100%;
    }

    body .screen {
        min-height: 150px;
    }

    body .cf-fieds .col-md-6 {
        margin: 0;
    }

    body textarea.form-control {
        height: 100px;
    }

    body .our_process .content-header {
        margin-bottom: 2em;
    }

    body .cw-box .cwhead {
        width: 100%;
    }

    body .cw-sec {
        padding: 4em 0;
        clear: both;
    }

    body .type-of-websites {
        padding: 4em 0;
    }

    body .type-of-websites:after {
        display: none;
    }

    body .row.row-flex {
        display: block;
    }

    body section.our_experience .col-md-3.exp-item {
        border: none;
        margin-bottom: 20px;
    }

    body section.our_experience {
        padding: 4em 0 2em 0;
    }

    body section.portolio-main .col-md-4 {
        width: 33.33%;
        padding: 0;
    }

    body .portolio-main .tab-content2 img {
        margin-bottom: 0;
    }

    body .banner-center h1 {
        font-size: 30px;
    }

    body section.about-block {
        padding: 2em 0;
    }

    body .contact-head h2 br {
        display: none;
    }

    body .tab-content2 a {
        max-height: none;
        float: left;
        overflow: hidden;
    }

    body section.contact-form {
        margin-top: 0;
        text-align: center;
    }

    body .map {
        padding-left: 0;
        margin-top: 40px;
    }

    body .contact-line li, body .contact-line li:last-child {
        width: auto;
        /* display: table; */
        float: none;
        margin: 30px auto 0;
        max-width: 300px;
    }

    body .contact-line li br {
        display: none;
    }

    body .cs-wb-pkg-inn {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
    .col-md-6.test-left, body .oi_right.col-md-6, body .col-md-6.test-left, body .firstsec .col-md-7 {
        display: block;
    }

    .serv-left.col-md-6, body .cf-fieds .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .owl-dots {
        left: -30px;
    }

    .footer-link > .col-md-5 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .footer-link > .col-md-2 {
        flex: 0 0 20%;
        max-width: 20%;
        margin-top: 0 !important;
        padding: 0 0;
    }

    .footer-link > .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer-link > .col-md-3 .contact-link {
        display: grid;
        grid-template-columns: auto auto auto;
    }

    .footer-link > .col-md-3 .mailicon br {
        display: none;
    }

    body footer {
        text-align: left;
    }

    .copyright .row, .comp-logo .row {
        align-items: center;
        justify-content: space-between;
    }

    .copyright {
        padding: 13px 0;
    }

    .copyright .social-link {
        margin: 0;
        text-align: right;
        margin-left: auto;
    }

    header .col-md-9.align-self-center {
        display: none;
    }

    header .row, header .col-md-3.align-self-center {
        max-width: 100%;
        flex: 0 0 100%;
        align-items: center;
        margin: 0;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    img.logo-wh {
        width: 100px !important;
    }

    .col-md-5.contact-head {
        flex: 0 0 55%;
        max-width: 55%;
    }

    .col-md-7.contact-form {
        flex: 0 0 45%;
        max-width: 45%;
    }

    body section.footer-form .row {
        align-items: center;
    }

    .ready_h h2 small {
        display: inline-block;
    }

    .packages .col-md-4.pack-item {
        padding: 0 10px;
        max-width: 50%;
        flex: 0 0 50%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    header .col-md-9.align-self-center {
        display: none;
    }

    header .row, header .col-md-3.align-self-center {
        max-width: 100%;
        flex: 0 0 100%;
        align-items: center;
        margin: 0;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    img.logo-wh {
        width: 100px !important;
    }

    .col-md-5.contact-head {
        /* flex: 0 0 55%; */
        /* max-width: 55%; */
    }

    .col-md-7.contact-form {
        /* flex: 0 0 45%; */
        /* max-width: 45%; */
    }

    body section.footer-form .row {
        align-items: center;
    }

    .ready_h h2 small {
        display: inline-block;
    }

    .col-md-6.test-left, body .oi_right.col-md-6, body .col-md-6.test-left, body .firstsec .col-md-7 {
        display: block;
    }

    body .firstsec .col-md-7 {
        margin-bottom: 30px;
    }

    body .portfolio ul.tabs {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    body .ready_h, body .cons_h, body .cta_btns, body .call_us {
        width: 100%;
    }

    section.services ul li {
        width: 100%;
        margin: 0;
    }

    body .portfolio .tab-content article .ctabtn .btn {
        margin: 0 5px 15px;
        font-size: 13px;
        min-width: 120px;
        width: 120px;
    }

    .portfolio2 ul.tabs2 li {
        width: 47%;
        font-size: 14px;
    }

    body .portfolio2 .tab-content2 .col-md-4 {
        margin: 0 0 20px;
        width: 50%;
    }

    body .portfolio2 .tab-content2 .row {
        justify-content: center;
    }

    ul.serv-list:first-child, .serv-left .sicon ul.serv-list:last-child {
        width: 100%;
    }

    .serv-left .sicon {
        flex-wrap: wrap;
        margin-top: 50px;
    }

    .serv-left.col-md-7 {
        text-align: left;
    }

    .our_industry .oi_left.col-md-7 {
        padding-right: 15px;
        margin-bottom: 40px;
    }

    header {
        padding: 10px 0 10px;
    }

    header .logo {
        margin: 0;
    }

    .portfolio .tab-content article p {
        font-size: 12px;
        line-height: 20px;
    }

    .tb-portfolio figure {
        width: 50%;
        padding: 0 9px;
    }

    .services .mainwrp h4 {
        margin-bottom: 50px;
    }

    section.services {
        padding: 50px 0 10px;
    }

    .portfolio2 ul.tabs2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ready_h h2 strong {
        left: 0;
    }

    .ready_h h2 span {
        left: 3px;
        position: relative;
    }

    .call_us span {
        margin: 30px 0 0;
        text-align: left;
    }
    .bannerForm {
        padding: 27px 23px 15px;
    }
    .service-block .serv-thumb h2 {
        font-size: 70px;
    }
}