@media (max-width: 1499px) {
  .topheader .outr ul li {
    padding: 0 15px;
  }
  .popular h2 {
    width: 35%;
  }
  .homeblog .rightcap .blogcard .cap h3 {
    font-size: 19px;
  }
  .outrstry .story .storyslidinr .capbox {
    width: 45%;
  }
  .teamm .imgflex .imgbox {
    width: 35%;
  }
  .teamm .imgflex .imgbox.two {
    width: 15%;
  }
  .itsingslidsec .slidercap .leftcap {
    width: 80%;
    padding-left: 30px;
  }
  .itsingslidsec .slidercap .leftcap p {
    font-size: 20px;
  }
  .itsingslidsec .slidercap .rightsec img {
    width: 75%;
  }
  .itsingslidsec .slick-prev {
    left: -17px;
  }
  .casedetil .projdetil .detiltable {
    padding: 30px 25px;
  }
}

@media (max-width: 1199px) {
  .container {
    width: 95%;
  }

  .topheader .outr ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .mainbnr .capction span {
    font-size: 55px;
  }
  .mainbnr .capction h1 {
    font-size: 30px;
  }
  .popular .servoutr .serBox {
    padding: 30px 15px;
  }
  .popular .servoutr .serBox h3 {
    font-size: 15px;
  }
  .abtbanner h1 {
    font-size: 70px;
  }
  .abtbanner p {
    width: 75%;
  }
  .grow p {
    width: 90%;
    padding-bottom: 60px;
  }
  .grow .outrscreen {
    height: 275px;
  }
  .nisl {
    padding-top: 30px;
  }
  .nisl .cardbox p {
    width: 100%;
  }
  .collab .rightcap h2 {
    font-size: 45px;
  }
  .newappsec .appcap h2 {
    font-size: 45px;
  }
  .alltech h2 {
    font-size: 45px;
  }
  .grow h2 {
    font-size: 45px;
  }
  .theFeatur h2 {
    font-size: 45px;
  }
  .techlgy_blog h2 {
    font-size: 45px;
  }
  .casedetil .projdetil .detiltable th {
    font-size: 16px;
  }
  .casedetil .projdetil .detiltable td {
    font-size: 16px;
  }
  .casedetil .mainimgsec {
    height: 100%;
  }
  .similarstry h2 {
    font-size: 45px;
    padding-bottom: 15px;
  }
  .similarstry p {
    padding-bottom: 0;
  }
  .abtbanner {
    position: relative;
    padding: 60px 0;
  }
  .attachment .carditm p {
    width: 100%;
  }

  .four_0_four {
    padding-top: 90px;
  }
  footer ul li {
    padding: 10px 2px;
    padding-top: 0;
  }
  footer ul.policy li a {
    font-size: 11px;
  }
  footer h4 {
    font-size: 20px;
  }
  .newappsec .appsecimg img {
    width: 100%;
  }
  footer .footlogo img {
    margin-left: -40px;
  }
}

@media (min-width: 992px) {
  .hamnav {
    display: none;
  }
  .allmob {
    display: none;
  }
  /* .mobile_slid{
        display: none;
    } */
  .cuscol {
    margin-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .container-fluid {
    padding: 0 50px;
  }
  .pt_70 {
    padding-top: 60px;
  }
  .pb_70 {
    padding-bottom: 60px;
  }
  .mt_70 {
    margin-top: 60px;
  }
  .mb_70 {
    margin-bottom: 60px;
  }
  .cuscol {
    margin-bottom: 30px;
  }
  h2 {
    font-size: 28px !important;
    line-height: 45px !important;
    padding-bottom: 15px !important;
  }

  .topheader .outr {
    flex-wrap: wrap;
  }
  .topheader .outr a.logo {
    width: 147px;
  }
  .topheader .outr ul {
    width: 76%;
  }
  .topheader .outr ul li {
    border: 0;
  }
  .headerbar ul li a {
    font-size: 12px;
  }
  .topheader .outr ul li {
    padding: 0 5px;
  }
  .topheader .outr ul li .cap {
    align-items: flex-start;
    padding-left: 5px;
  }
  .topheader .outr ul li i {
    font-size: 18px;
  }
  .topheader .outr ul li .cap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 10px;
  }
  .topheader .outr ul li .cap span {
    font-size: 12px;
    line-height: 18px;
  }
  .topheader .outr ul li .cap a {
    font-size: 12px;
  }
  .topheader .outr ul.scalmedia {
    justify-content: center;
    padding-top: 10px;
  }
  .mainbnr {
    background-size: 110% 100%;
    background-position: left;
    padding: 30px 0;
  }
  .mainbnr .capction span {
    font-size: 45px;
  }
  .mainbnr .capction h1 {
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 20px;
  }
  .mainbnr .capction .twobtn a:last-child {
    background-color: #000;
    color: #fff;
  }
  .how .rightsec .cap {
    flex-direction: column;
    align-items: flex-start;
  }
  .how .rightsec .cap .inercap {
    padding-top: 10px;
  }
  .popular h2 {
    width: 60%;
  }
  .testmnalsec .outr .testcard {
    padding-left: 0;
  }
  .testmnalsec .outr .testcard p {
    font-size: 17px;
  }
  .faqsec .faqRow {
    flex-direction: column-reverse;
  }
  .faqsec .leftfaq {
    padding-top: 30px;
  }
  .faqsec .leftfaq span {
    padding-bottom: 15px;
  }
  .abtbanner {
    position: relative;
    padding: 60px 0;
  }
  .teamm .twoitem .one.two {
    padding: 40px 30px;
  }
  .appbg .cap p {
    width: 100%;
  }
  .appbg .cap span {
    padding-bottom: 15px;
  }
  .itsingslidsec {
    padding: 30px 0;
  }
  .mainbnr .capction .twobtn a {
    font-size: 14px;
    padding: 12px 13px;
  }
  .brandsec ul li {
    padding: 0 10px;
  }
  .brandsec ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .collab .rightcap {
    padding-left: 0;
    padding-top: 30px;
  }
  .collab .rightcap h2 {
    font-size: 38px;
  }
  .newappsec .appcap h2 {
    font-size: 38px;
  }
  .alltech h2 {
    font-size: 38px;
  }
  .grow h2 {
    font-size: 38px;
  }
  .theFeatur h2 {
    font-size: 38px;
  }
  .techlgy_blog h2 {
    font-size: 38px;
  }
  .newappsec .crow {
    flex-direction: column-reverse;
  }
  .alltech p {
    padding: 15px 0;
  }
  .grow .outrscreen img {
    width: 88%;
  }
  .nisl .cardbox h2 {
    font-size: 20px !important;
  }
  .popular.popu_main {
    padding: 70px 0;
  }
  .case_tab .casecard .capsec h3 {
    padding-bottom: 15px;
    font-size: 18px;
  }
  .case_tab .casecard .capsec {
    padding: 15px 15px;
  }
  .case_tab .nav-tabs .nav-item {
    margin: 0 7px;
  }
  .case_tab h2 {
    font-size: 24px !important;
    padding: 0;
  }
  .similarstry p {
    padding-bottom: 0;
  }
  .rtatsec .rteRow_1 {
    flex-direction: column-reverse;
  }
  .similarstry.blogsingpge {
    padding: 15px 0;
  }
  .rtatsec .cap p {
    padding: 15px 0;
  }
  .casedetil .projdetil .detiltable th {
    font-size: 16px;
  }
  .casedetil .projdetil .detiltable td {
    font-size: 16px;
  }
  .casedetil .mainimgsec {
    height: 100%;
  }
  .similarstry h2 {
    font-size: 38px;
    padding-bottom: 15px;
  }
  .casedetil .projdetil .head {
    padding: 10px 15px;
  }
  .casedetil .projdetil .head h2 {
    padding-bottom: 0 !important;
  }
  .casedetil .projdetil .detiltable {
    padding: 15px 15px;
  }
  .rtatsec {
    padding-bottom: 10px !important;
  }
  .casedetil .projdetil {
    margin-top: 15px;
  }
  .similarstry.smlblg {
    padding-bottom: 0;
    padding-top: 0;
  }
  .rtatsec.blogrt1 .row {
    flex-direction: column-reverse;
  }
  .rtatsec.blogrt2 {
    padding-top: 30px;
  }
  .blogmainoutr .blogRow {
    flex-direction: column-reverse;
  }
  .frmsec .maincnfrm {
    width: 75%;
    margin: auto;
  }
  footer .footlogo img {
    width: 180px;
    margin-left: -30px;
  }
  footer .clss3:nth-child(4) {
    padding-left: 15px;
  }
  footer ul.socialMedia {
    justify-content: center;
  }
    .outrstry .story .storyslidinr .capbox {
    width: 93%;
    position: relative;
    top: 0;
    transform: none;
    right: 0;
    margin: 0px auto;
    margin-top: -70px;
    padding: 15px 20px;
  }
  .outrstry .story .storyslidinr .capbox p {
    padding-bottom: 15px;
  }
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
  h2 {
    font-size: 20px !important;
    padding-bottom: 15px !important;
    line-height: 35px !important;
  }
  h3 {
    font-size: 18px !important;
  }
  .pt_70 {
    padding-top: 40px;
  }
  .pb_70 {
    padding-bottom: 40px;
  }
  .mt_70 {
    margin-top: 40px;
  }
  .mb_70 {
    margin-bottom: 40px;
  }
  .logo {
    width: 35%;
  }

  .cuscol {
    margin-bottom: 15px;
  }
  h1 {
    font-size: 55px;
  }
  .topheader .outr ul {
    display: none;
  }
  .topheader .outr ul.scalmedia {
    display: flex;
    width: auto;
    margin-left: auto;
  }
  .mainbnr .capction .twobtn a {
    padding: 12px 30px;
  }
  .how .rightsec {
    padding-top: 30px;
  }
  .popular .servoutr .serBox {
    padding: 15px 15px;
  }
  .testmnalsec .outr .testcard {
    padding-top: 15px;
  }
  .abtbanner h1 {
    font-size: 55px;
  }
  .abtbanner p {
    width: 100%;
  }
  .abtbanner p {
    width: 100%;
    padding-bottom: 15px;
  }
  .outrstry .story .storyslidinr {
    flex-direction: column;
  }
  .outrstry .story .storyslidinr .imgbox {
    height: 300px;
    width: 100%;
  }

  .appbg {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .collab .leftimg .imgcap {
    padding: 15px;
  }
  .grow p {
    width: 100%;
    padding: 0 0 30px 0;
  }
  .grow .outrscreen {
    height: 180px;
  }
  .itsingslidsec .slidercap {
    flex-direction: column-reverse;
  }
  .itsingslidsec .slidercap .leftcap {
    width: 100%;
    padding-left: 0;
  }
  .itsingslidsec .slidercap .rightsec img {
    width: 45%;
    margin: 0px auto;
  }
  .itsingslidsec .slidercap .leftcap p {
    font-size: 18px;
  }
  .itsingslidsec .slick-prev {
    left: -24px;
  }
  .techlgy_blog .blogcard .cap p {
    padding-bottom: 15px;
  }
  .popular.popu_main {
    padding: 50px 0;
  }
  .case_tab span {
    text-align: center;
  }
  .case_tab h2 {
    text-align: center;
  }
  .case_tab .nav-tabs {
    justify-content: center;
  }
  .blogmainoutr .serchsec .cate {
    padding-top: 40px;
  }
  .frmsec .maincnfrm {
    width: 100%;
    margin: auto;
  }

  .four_0_four img.thnkimg {
    width: 100%;
  }
  footer .footlogo img {
    margin-top: 0;
    margin-bottom: -20px;
  }
  footer .clss3 {
    padding-left: 15px;
  }
  footer .newslet input {
    width: 90%;
  }
  footer h4 {
    font-size: 22px;
    padding-bottom: 15px;
  }
  footer .copy p {
    text-align: center;
  }
  footer ul.policy {
    flex-wrap: wrap;
    padding-top: 15px;
    justify-content: space-evenly;
  }
  footer ul.socialMedia {
    display: flex;
    justify-content: center;
  }
  footer .footlogo {
    padding-bottom: 15px;
    flex-direction: column;
  }

  footer .footlogo p {
    padding-left: 0;
    padding-top: 15px;
  }
  footer ul.foot_socl li {
    padding-right: 20px;
    padding-bottom: 15px;
  }

  footer ul li a.bknow {
    margin-bottom: 15px;
  }
  footer p {
    padding-bottom: 0;
  }
  footer h4 {
    font-size: 22px;
    padding-bottom: 0;
  }
  footer ul.foot_socl li a {
    font-size: 20px;
  }
}

@media (min-width: 576px) {
}

@media (max-width: 575px) {
  .container-fluid {
    padding: 0 15px;
  }
  .pt_40 {
    padding-top: 20px;
  }
  .pt_70 {
    padding-top: 30px;
  }
  .pb_70 {
    padding-bottom: 30px;
  }
  .mt_70 {
    margin-top: 30px;
  }
  .mb_70 {
    margin-bottom: 30px;
  }
  h1 {
    font-size: 35px !important;
  }
  p {
    font-size: 14px !important;
    line-height: 28px !important;
  }
  .topheader .outr {
    justify-content: center;
  }
  .mainbnr {
    background-size: cover;
  }
  .topheader .outr ul.scalmedia {
    display: flex;
    width: auto;
    margin: 0px auto;
  }
  .mainbnr .capction span {
    font-size: 30px;
    line-height: 10px;
  }
  .mainbnr .capction h1 {
    padding-bottom: 0;
    font-size: 22px !important;
  }
  .mainbnr .capction .twobtn {
    display: flex;
    flex-wrap: wrap;
  }
  .mainbnr .capction .twobtn a {
    padding: 12px 15px;
    margin-bottom: 15px;
  }
  .how.how_twosec p {
    padding-bottom: 15px;
  }
  .popular h2 {
    width: 100%;
  }
  .hme_contactus .rightadres a {
    font-size: 26px;
  }
  .hme_contactus .rightadres p {
    padding: 10px 0;
    width: 100%;
  }
  .mainbnr .capction p {
    padding-bottom: 10px;
  }
  .abtbanner {
    padding: 30px 0;
  }
  .demo img {
    margin: auto;
    width: 70%;
  }
  .demo {
    margin-top: 0;
    padding-bottom: 30px;
  }
  .teamm .twoitem {
    display: flex;
    flex-direction: column;
  }
  .teamm .twoitem .one {
    width: 100%;
    margin-right: 0;
  }
  .teamm .twoitem .one.two {
    padding: 15px;
  }
  .teamm .imgflex {
    display: none;
  }
  .outrstry .story p {
    padding-bottom: 15px;
    width: 100%;
  }
  .appbg .cap p {
    padding: 10px 0;
  }
  .brandsec ul {
    flex-wrap: wrap;
  }
  .brandsec ul li {
    padding: 0 10px 15px 10px;
    width: 50%;
  }
  .collab .leftimg .imgcap {
    padding: 15px;
    position: relative;
    top: 15px;
    width: 100%;
  }
  .alltech p {
    padding: 0;
    padding-bottom: 10px;
  }
  .grow .outrscreen {
    height: 125px;
    margin-top: 50px;
  }
  .nisl {
    padding-top: 0;
  }
  .itsingslidsec .slidercap .leftcap span {
    font-size: 15px;
  }
  .theFeatur .fetuCard .imgbox {
    height: 150px;
  }
  .techlgy_blog .blogcard .imgbox {
    height: 150px;
  }
  .popular.popu_main {
    padding: 30px 0;
  }
  .case_tab .nav-tabs {
    display: none;
  }
  .case_tab .mobile-tab-select {
    display: block;
    margin-bottom: 20px;
  }
  .case_tab .casecard .imgsec {
    height: 150px;
  }
  .blogmainoutr .blogsec .blogcard .imgsec {
    height: 150px;
  }
  .blogmainoutr .serchsec .cate ul li {
    padding: 10px 15px;
  }
  .blogmainoutr .blogsec .blogcard .cap h3 {
    padding-bottom: 15px;
  }
  .blogmainoutr .serchsec .cate {
    padding-top: 20px;
  }
  .g-recaptcha {
    display: flex;
    justify-content: center;
  }
  .frmsec h2 {
    width: 100%;
  }
  .topcontact .bg .email .emput h5 {
    font-size: 17px;
  }

  .four_0_four {
    padding-top: 50px;
  }

  footer h4 {
    font-size: 16px;
    padding-bottom: 15px;
  }
  footer label {
    padding-top: 15px;
  }
  footer ul.policy li a {
    font-size: 11px;
  }
  footer .footlogo {
    padding-top: 0;
  }
  footer .clss3 {
    width: 50%;
  }
  .case_tab .casecard,
  .popular.popu_main .servoutr .serBox {
    min-height: auto;
  }
  .recent-project .service-card-parent {
    margin-top: 70px;
    .service-card .service-content {
      bottom: -80px;
    }
  }
}

@media (min-width: 430px) and (max-width: 575px) {
  footer .footcol {
    width: 50%;
  }
  footer ul li a.bknow {
    padding: 10px 25px;
  }
  .clssMB575 {
    flex: 0 0 48%;
    max-width: 48%;
  }
}

@media (max-width: 429px) {
}