@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1550px) {}
@media only screen and (max-width: 1500px) {}
@media only screen and (max-width: 1450px) {}
@media only screen and (max-width: 1400px) {}
@media only screen and (max-width: 1350px) {
    .container {
        max-width: 1120px;
    }
.kf-dm .col-sm-6:last-child {
    padding-left: 30px;
}
    .crev-header .caption h1 {
    font-size: 50px;
}
.keyfeatures h3 {
    font-size: 24px;
}
.haibox-one {
    display: flex;
    justify-content: center;
}
.col-lg-5.valign.rest {
    width: 50%;
}
.haibox-one img {
    width: 500px;
    height: auto;
}
.haibox-bg {
    width: 410px;
    height: 410px;
}
.haibox-border img {
    width: 490px;
    height: 340px;
}
.keyfeatures img {
    margin-top: 0;
}
    .mh-menu {
        width: calc(61% - 40px);
    }
    .mh-logo {
        width: 39%;
    }
    .f-clmn1 {
        max-width: calc(30% - 15px);
        margin-right: 15px;
        flex: 0 0 30%;
    }
    .f-clmn2 {
        max-width: 23%;
        flex: 0 0 23%;
    }
    .whychoosE .col-sm-1,.whychoosE2 .col-sm-1 {
        display: none;
    }
    .whychoosE .col-sm-10,.whychoosE .col-sm-11,.whychoosE2 .col-sm-8 {
        width: 100%;
    }
    .whychoosE2 ul {
        gap: 25px;
    }
}
@media only screen and (max-width: 1300px) {}
@media only screen and (max-width: 1250px) {}
@media only screen and (max-width: 1199px) {
    .pvc .container,.container {
        max-width: 920px;
    }
    .indusbox svg {
    width: 60px;
    height: 60px;
}
.indusbox h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 0;
}
    .arrowlisting li h5 {
    font-size: 18px;
}
.leftimg-2 {
    display: none;
}
.leftimg-1 {
    width: 50%;
}
.keyfeatures h3 br {
    display: none;
}
.keyfeatures .col-sm-4:last-child {
    width: 100%;
    margin-top: 0;
    order: 1;
}

.keyfeatures .col-sm-4 {
    width: 50%;
    order: 2;
}
    .haibox-two {
    width: 250px;
    bottom: 130px;
}
.arrowlisting li {
    padding-left: 25px;
}
.arrowlisting li:after {
    background-size: 20px;
}
.arrowlisting {
}
.faq .col-sm-4 {
    padding-right: 15px;
    width: 100%;
}
.faq .col-sm-8 {
    padding-left: 15px;
    width: 100%;
}
    .keyfeatures img {
        margin-top: 0;
    }
    .about-intro .imgs .img2{
        display: none;
    }
    .about-intro .imgs .img1 {
    width: 100%;
    margin-top: 0;
}
.about-intro .col-lg-6 {
    width: 40%;
}
.col-lg-5.valign.rest {
        padding-left: 30px;
    }
    .col-lg-5.valign.rest {
        padding-top: 0;
    }
    .cont h5,.cont p{
    margin-left: 0;
}
.heading p br {
    display: none;
}
.testi_slider .slick-arrow, .blog_slider .slick-arrow, .porfoliopage .slick-arrow{
    display: none !important;
}
.form-col-6 {
    max-width: 100%;
    flex: 0 0 100%;
}
.serv-box .serv-item {
    padding: 25px;
}
        .crev-header .caption h1 {
        font-size: 40px;
    }
    .emailManager a, .phoneManager a {
    align-items: unset;
    gap: 0px;
    flex-direction: column;
}
.emailManager a b, .phoneManager a b {
    font-size: 14px;
}
.emailManager {
    margin: 0 0 10px;
}
.phoneManager:last-child {
    margin-top: 10px;
}
.formFields form .form-group input, .formFields form .form-group select {
    height: 36px;
    padding: 5px 10px;
    font-size: 14px;
}
.formFields form {
    margin-top: -420px;
    padding: 30px;
}
.formFields form textarea {
    margin: 0 0 20px;
    min-height: 100px;
    font-size: 14px;
}
.form-group-btn input, .btn_line, .form-group-btn button {
    align-items: center;
    display: flex
;
    color: var(--a);
    padding: 7px 15px;
    height: 45px;
    max-width: 150px;
}
.formFields form .col-sm-6 {
    width: 100%;
    margin: 0 0 10px;
}
.emailManager a span, .phoneManager a span{
    font-size: 14px;
}
    .about-img {
        right: -85px;
    }
.col-sm-4.portClm {
    width: calc(50% - 20px);
}
.portClm {
    background: #ffffff;
    padding: 10px;
    margin: 10px;
}
    button.button {
        width: 150px;
    }
    .mh-menu ul li + li {
        margin-left: 18px;
    }
    .mh-menu {
        width: calc(69% - 35px);
        margin-right: 35px;
    }
     .mh-logo {
        width: 31%;
    }
    .f-clmn1 {
        max-width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
        display: flex;
        gap: 50px;
        border-bottom: 1px solid #191b1f;
        padding-bottom: 30px;
    }
    .footer-social .social-list {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .footer-social {
        margin-top: 0;
        display: flex;
        align-items: center;
    }
    .f-clmn2 {
        max-width: 30%;
        flex: 0 0 30%;
        padding-top: 30px;
    }
    .f-clmn3, .f-clmn4 {
        max-width: 35%;
        flex: 0 0 35%;
        padding-left: 25px;
        padding-top: 30px;
    }
}
@media only screen and (max-width: 1050px) {}
@media only screen and (max-width: 991px) {
    .pvc .container,.container {
        max-width: 700px;
    }
    .indusopt .row .col-sm-4 {
    padding: 3rem 20px;
}
.indusbox p {
    min-height: 90px;
}

    .col-lg-3.leftimg-2 {
        display: block;
        width: 50%;
        margin-bottom: 30px;
    }
    .col-lg-6.cl6-pdl50.rightCont {
    padding-left: 15px;
}
    .kf-dm .col-sm-6 {
    width: 100%;
}
    .kf-dm .col-sm-6:last-child {
        padding-left: 15px;
        margin-top: 30px;
    }
    .digibox .col-lg-4 {
    width: 50%;
}
.keyfeatures .col-sm-10 {
    width: 100%;
}
.keyfeatures .hdng {
    margin-bottom: 20px;
}
.digibox .hdng {
    margin-bottom: 20px;
}
.digibox .col-lg-4 .serv-item {
    margin: 0;
}
    .topSec1 .col-sm-4 {
        width: 100%;
        order: 2;
        margin-top: 30px;
    }
    .topSec1 .col-sm-6 {
        width: 100%;
        order: 1;
        padding-left: 15px;
    }
.haibox-border,.perpageform .image-box{
    display: none;
}
   .keyfeatures .col-sm-5 {
    width: 100%;
}
.perpageform .form-column {
    width: 100%;
}
.perpageform .form-group.col-lg-6.col-md-12.col-sm-12 {
    width: 50%;
}
.keyfeatures .col-sm-7 {
    order: 2;
    width: 100%;
    margin-top: 30px;
}
        .haibox-one img {
        width: 550px;
        height: auto;
    }
        .haibox-bg {
        height: 450px;
    }
        .haibox-two {
        width: 300px;
        bottom: 35px;
        left: 25px;
    }
        .haibox-bg {
        width: 600px;
        left: 100px;
    }
    .haibox {
        width: 80%;
        margin: 0 0 0 20%;
    }
    .crev-header .caption h1 {
        font-size: 35px;
    }
    .crev-header .col-lg-3 {
        position: absolute;
        bottom: -100px;
        right: 0;
        width: 150px;
    }
    .port_slider .col-sm-6.portClm {
    width: calc(100% - 10px) !important;
}
.tstmonl {
    padding: 20px;
    margin: 0 10px;
}
.getintouch .col-sm-7,.getintouch .col-sm-5 {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
}
.testimonial .heading, .blogsec .heading {
    width: 100%;
}
.getintouch .col-sm-5 {
    margin-top: 30px;
}
.getintouch {
    padding: 80px 0 0;
    background: #121212;
}
        .about-intro .col-lg-6 {
        display: none;
    }
        .col-lg-5.valign.rest {
        width: 100%;
    }
    .col-lg-5.valign.rest {
        padding-left: 15px;
    }
        .serv-box .serv-item {
        margin-bottom: 20px;
    }
    .rotate-circle {
    font-size: 28px;
    font-weight: 900;
}
.circle-button .rotate-circle svg {
    width: 150px;
}
.circle-button {
    margin-left: -15px;
}
.crev-header .main-img {
    height: auto;
    width: auto;
    margin-left: auto;
    margin-top: 50px;
    max-width: 700px;
    margin-right: auto;
    padding: 0 15px;
}
    .crev-header {
    padding: 80px 0 0;
}
    .pagetitle h2 {
    font-size: 36px;
}
    .servicesmulti .col-sm-6 {
        width: 100%;
    }
    .form-group-btn {
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }
.form-group-btn .fileinput {
    max-width: 100%;
    flex: 0 0 100%;
}
    .about-img {
        right: 0;
    }
    .cl6-pd50 {
        padding-right: 15px;
        margin-bottom: 30px;
    }
    .mh-menu {
        display: none;
    }
    .top-header .col-sm-4 {
        width: 18%;
    }
    .top-header .col-sm-8 {
        width: 82%;
    }
    .f-clmn2,.f-clmn3 {
        max-width: 50%;
        flex: 0 0 50%;
        padding-bottom: 30px;
    }
    .f-clmn4 {
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 15px;
        padding-top: 30px;
        padding-bottom: 40px;
        border-left: 0;
        border-top: 1px solid #191b1f;
        display: flex;
        flex-wrap: wrap;
    }
    .f-clmn4 .f-clmn-div2 {
        width: 40%;
        flex: 0 0 auto;
        margin-bottom: 0;
    }
    .f-clmn4 .f-clmn-div3 {
        width: 60%;
        flex: 0 0 auto;
        margin-bottom: 0;
    }
    .f-clmn ul li a {
        margin: 3px 0;
    }
    .f-clmn-div3 {
        margin-bottom: 0;
    }
    .copyright {
        flex-wrap: wrap;
    }
    .copyright p {
        order: 2;
        margin: 15px 0 0;
    }
    .col-sm-6.portClm {
        width: calc(50% - 20px);
    }
    .portClm {
        margin: 10px;
    }
    .pccbox h3 {
        font-size: 17px;
        font-weight: 900;
    }
    .porfoliopage button {
        height: 30px;
        gap: 0px;
        font-weight: 600;
    }
    .crv-more a, .pccbox button {
        padding: 7px 14px;
        font-size: 14px;
        line-height: 14px;
    }
    .pccbox {
        align-items: center;
    }
    .indus-Bigtext {
    display: none;
}
.industries {
    background-size: 100%;
    background-position: left top;
}
.indus-text {
    padding: 0 15px;
    width: 70%;
}

}
@media only screen and (max-width: 850px) {}
@media only screen and (max-width: 767px) {
    .indus-pageTitle .hdng {
    margin-bottom: 30px;
}
.eco-opt {
    margin-bottom: 50px;
}

.eco-opt2 .col-sm-1,.eco-opt2 .col-sm-4 {
    display: none;
}
.eco-opt2 .col-sm-6{
    width: 100%;
}
section.serv-box.digibox.ecomargin.sptb {
    margin-top: 0 !important;
}
section.serv-box.digibox.phpDev.sptb{
    margin-top: 0 !important;
}
.phpDev .serv-item{
    margin-bottom: 0 !important;
}
.industries {
    padding: 50px 0 150px;
}
    .pvc .container,.container {
        max-width: 580px;
    }
    .serv-box.digibox.webDev {
    padding: 0;
}
    .indusopt .row .col-sm-4 {
        padding: 30px 15px;
        width: calc(50% - 20px);
        border: 1px solid #dadada;
        margin: 10px;
    }
.mobileapp .position-relative {
    margin-bottom: 30px;
}
.mobileapp .crv-more a.themebtn-round {
    width: 170px;
    padding: 10px 20px;
}
.webDev .serv-item {
    margin: 0;
}
.serv-box.digibox.webDesg {
    padding: 0;
}
    .breadcrumb_main .breadcrumb_title ul {
    display: none;
}
    .hdng h3 {
    margin-bottom: 10px;
}
.keyfeatures .hdng {
    margin-bottom: 20px;
}
.keyfeatures h3 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 30px;
    }
    .keyfeatures.kf-dm {
    padding-bottom: 0;
}
.faq .hdng {
    margin-bottom: 25px;
}
.accord-btn h3 button:after {
    background-size: 22px;
}
.accord-btn h3 button {
        height: 35px;
        width: 35px;
        left: -45px;
    }
    .perpageform .form-column .inner-column {
    padding-right: 0;
}
.arrowlisting {
        gap: 6px;
    }
    .accord-btn h3 {
    font-size: 20px;
    line-height: 25px;
}
    .accordion-box-one .accordion {
    padding: 15px 0 15px 45px;
}
.arrowlisting {
    margin-top: 15px;
}
    br{
        display: none;
    }
    .pvc .heading h1 {
        font-size: 30px;
        font-weight: 800;
        margin: 0;
    }
    .haibox-two {
        width: 100%;
        bottom: 0;
        left: 0;
        position: relative;
        clip-path: unset;
        display: block;
    }
        .haibox {
        width: 100%;
        margin: 0;
    }
    .haibox-bg,.haibox-one{
        display: none;
    }
    .pvc .heading {
        margin-bottom: 10px;
    }
    .pvcbox-hd h3 {
    margin: 25px 0 0px;
}
    .pvcbox-hd p {
        font-size: 16px;
    }
.pvcbox-hd h3 {
        font-size: 22px;
    }
    .pvcbox h4 {
    font-size: 19px;
    margin: 0 0 10px;
    line-height: 24px;
}
    .testimonial:after,.testimonial:before{
        display: none;
    }
    .pvcbox ul li b {
    font-size: 16px;
}
        .getintouch {
        padding: 60px 0 0;
    }
    .about-intro {
    padding-top: 60px;
}
    .testimonial {
    margin: 0;
}
    .col-sm-4.portClm {
        width: calc(100% - 20px);
    }
        .emailManager a, .phoneManager a {
        align-items: unset;
        gap: 10px;
        flex-direction: unset;
    }
    .emailManager a span br, .phoneManager a span br{
        display: none;
    }
.emailManager a b, .phoneManager a b {
        width: 120px;
        display: block;
        flex: 0 0 auto;
    }
    .pageContact .col-sm-5 {
    width: 100%;
    margin-bottom: 0px;
}
       .formFields form {
        margin-top: 50px;
        padding: 0;
    }
    .connectDetails {
    width: 100%;
}
    .formFields form .col-sm-6 {
        width: calc(50% - 6px);
    }
    .formFields {
        width: 100%;
        padding: 0 15px;
    }
.pageContact {
    padding: 80px 0;
}
.pageContact .col-sm-7 {
    width: 100%;
}
    .col-sm-6.portClm {
        width: calc(100% - 20px);
    }
    .breadcrumb_main .breadcrumb_title {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .about-us-title .breadcrumb_title {
        padding: 80px 0;
    }
    .sptb {
        padding: 60px 0;
    }
    h2 {
        font-size: 32px;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: 0;
    }
    .mobileapp {
    padding-bottom: 0;
}
    footer {
        padding-top: 60px;
    }
    .top-header .col-sm-8 {
        width: 100%;
    }
    .top-header .col-sm-4{
        display: none;
    }
    .top-header .row {
        padding: 6px 0;
    }
    .thinfo ul {
        justify-content: center;
    }
    .mobDev .serv-item {
    margin: 0;
}
    .f-clmn1 {
        gap: 20px;
        flex-direction: column;
    }
    .footer-social .social-list {
        flex-direction: row;
    }
        .testimonial {
        padding-top: 0 !important;
    }
    .crev-header {
        padding: 60px 0 0;
        min-height: auto;
    }
    .topSec1 {
    padding-bottom: 0;
}
    .hdng h2 {
        font-size: 32px;
        line-height: 36px;
    }
        .perpageform .hdng {
    margin-bottom: 30px;
}
.kf-dm {
    padding-top: 0;
}
.kf-process .col-sm-6 {
    width: 100%;
}
.kf-process .arrowlisting {
    gap: 25px;
}
.kf-choose {
    padding-top: 0;
}
.kf-process .hdng {
    text-align: left;
}
.keyfeatures.eco-opt2 {
    padding-top: 0 !important;
}
}
@media only screen and (max-width: 650px) {
    .container {
        max-width: 100%;
        width: 100%;
    }
    .top-header {
        display: none;
    }
    .mh-logo {
        width: 90%;
    }
    .mh-logo {
        padding: 15px 0;
    }
}
@media only screen and (max-width: 600px) {
        .pageContact {
        padding: 50px 0;
    }
        .industries {
        padding: 50px 0;
        background: #000000;
        text-align: center;
    }
        .indus-text {
        padding: 0 30px;
        width: 100%;
    }
    .buttonAnchor a {
    padding: .5rem 1.5rem;
}
        .formFields form .col-sm-6, .formFields form .col-sm-12 {
        width: 100%;
    }
}
@media only screen and (max-width: 575px) {
    .f-clmn2 .f-clmn-div1 ul li {
        width: 100%;
    }
    .about-img {
        display: none;
    }
    .f-clmn4 {
        order: 2;
    }
    .f-clmn3 {
        order: 3;
        max-width: 100%;
        flex: 0 0 100%;
        border-top: 1px solid #191b1f;
        border-left: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .f-clmn2 {
        order: 1;
    }
    .f-clmn4 {
        max-width: 50%;
        flex: 0 0 50%;
        border-top: 0;
        border-left: 1px solid #191b1f;
    }
    .f-clmn4 .f-clmn-div2, .f-clmn4 .f-clmn-div1 {
        width: 100%;
    }
    .f-clmn-div1 ul li {
        width: 100%;
    }
    .f-clmn4 .f-clmn-div1 {
        margin-top: 25px;
    }
    .f-clmn3 .f-clmn-div2, .f-clmn3 .f-clmn-div3 {
        width: 50%;
        margin: 0;
    }
}
@media only screen and (max-width: 550px) {
        .digibox .col-lg-4,.digibox .col-lg-3,.digibox .col-lg-5 {
        width: 100%;
        padding: 10px 15px;
    }
}
@media only screen and (max-width: 500px) {
    .svcmlt {
        padding: 30px 20px;
    }
        .indusopt .row .col-sm-4 {
        padding: 30px 20px;
        width: calc(100% - 20px);
    }
        .indusbox svg {
        width: 50px;
        height: 50px;
    }
        .indusbox p {
        min-height: auto;
    }
    .indusbox .buttonAnchor a {
    padding: 8px 24px;
}
    .formboxcontainer {
    padding: 15px 35px;
}
        .crev-header .caption h1 {
        font-size: 28px;
    }
    .crv-butn-vid {
    margin: 30px 0 0;
}
    .svcmlt-icon h4 {
        padding: 6px 15px;
        font-size: 16px;
    }
    .svcmlt-icon {
        height: 38px;
    }
    .servicesmulti .col-sm-6 {
            padding: 25px;
        }
    h2 {
        font-size: 26px;
        font-weight: 900;
        line-height: 32px;
        letter-spacing: 0;
    }
    .f-clmn3, .f-clmn4 {
        padding-left: 15px;
    }
    .mh-logo a {
        max-width: 160px;
        top: 3px;
        position: relative;
    }
    .about img {
        width: 100%;
    }
    .about-us-title .breadcrumb_title {
        padding: 70px 0;
    }
    .formFields form .form-group input, .formFields form .form-group select {
        height: 40px;
    }
    .form-group-btn input, .btn_line, .form-group-btn button {
        max-width: 100%;
    }
    .perpageform button {
    max-width: 100%;
}
.contact-form .form-group.col-lg-12:last-child {
    margin-bottom: 0;
}
}
@media only screen and (max-width: 450px) {
    .f-clmn2 {
        max-width: 42%;
        flex: 0 0 42%;
    }
    .header2 {
    width: 85%;
}
.hd2logo {
    padding: 25px 20px;
}
.hd2close {
    top: 27px;
}
.h2-menu h3 {
    padding: 12px 20px;
    font-weight: 700;
}
.h2-menu ul li a {
    padding: 14px 20px;
}
.h2-menu button.button {
    width: calc(100% - 40px);
    margin: 20px 20px 0;
    bottom: 20px;
}
    .perpageform .form-group.col-lg-6.col-md-12.col-sm-12 {
        width: 100%;
        margin-bottom: 12px;
    }
        .accord-btn h3 {
        font-size: 18px;
        line-height: 22px;
    }
        .hdng h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .f-clmn4 {
        max-width: 58%;
        flex: 0 0 58%;
    }
    .f-clmn3 .f-clmn-div2, .f-clmn3 .f-clmn-div3 {
        width: 100%;
    }
    .f-clmn3 .f-clmn-div2 {
        margin-bottom: 20px;
    }
    .pccbox {
        flex-direction: column;
        gap: 10px;
    }
        .pccbox h3 {
        font-size: 20px;
    }
    .crv-more a, .pccbox button {
        padding: 5px 15px;
        font-size: 13px;
        line-height: 13px;
        height: auto;
        font-weight: 700;
    }
}
@media only screen and (max-width: 400px) {
    .f-clmn2 {
        max-width: 100%;
        flex: 0 0 100%;
        display: flex;
    }

    .f-clmn2 .f-clmn-div1 {
        width: 44%;
        margin: 0;
    }
    .f-clmn2 .f-clmn-div3 {
        width: 56%;
        margin: 0;
        padding-left: 15px;
    }
    .f-clmn4 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .f-clmn4 .f-clmn-div1 ul li {
        width: 50%;
    }

}
@media only screen and (max-width: 375px) {
        .emailManager a, .phoneManager a {
        gap: 0;
        flex-direction: column;
    }
}
@media only screen and (max-width: 350px) {
    .f-clmn2 .f-clmn-div1 {
        width: 100%;
        margin: 0;
        flex: 0 0 auto;
    }
    .f-clmn2 {
        flex-wrap: wrap;
    }
        .f-clmn2 .f-clmn-div3 {
        width: 100%;
        margin: 20px 0 0;
        padding-left: 0;
    }
        .f-clmn4 {
        padding-top: 0;
    }
}
@media only screen and (max-width: 330px) {}