@media only screen and (max-width: 1170px) {
  nav >ul>li >a{padding:35px 15px}
  .blog-banner .container{
    width: 100%;
  }
  .btn-demo{
    margin-top: 5px;
  }
}
@media (min-width: 410px) and (max-width:420px) {
  a.linkSpanner:after {
    right: 135px!important;
}
}

@media only screen and (min-width: 960px) {
  nav{display:block!important}
}
@media only screen and (max-width: 959px) {
  nav{display:none;width:100%;clear:both;float:none;max-height:400px;overflow-y:scroll}
  #menu-icon{display:inline;top:20px;cursor:pointer;opacity:0.7;}
  #menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
  #menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #menu-icon.active .third{display:none}
  .search{float:none}
  .search input{width:100%}

  nav{padding:10px}
  nav ul{float:none}
  nav li{float:none}
  nav ul li a{float:none;padding:8px;display:block}
  #header nav ul ul{display:block;position:static;background:none;border:none;padding:0}
  #header nav a{color:#000;padding:10px}
  #header nav a:hover{background:transparent;color:#333;border-radius:3px}
  /*#header nav ul li li a:before{content:"- "}*/
  .mega-col{width:100%}
  .header-menu{
    z-index: 999;
  }
}
@media (max-width: 767px){
  #customers-testimonials p{
    width: 100%;
  }
  .cta-para {
    text-align: center;
    margin: 0 auto;
}
.cta-para p {
    
    text-align: center;
}
  .author-img img {
     margin-top: 0%;
}
  .blog-home-list .blog-article .entry-content {
    height: 330px!important;
}
  .blog-home-list .sec-title {
    color: #16181c;
    line-height: 60px;
    margin-bottom: 60px;
}
.related-service-item{
    font-size: 0;
  }

  .web-technology-sevices ul li{
        padding: 20px 18px;
  }
  .codi-service__intro{
    margin-bottom: 100px;
  }
  .linkSpanner span {
    bottom: 75px;
    left: 44%;
    
}
  a.linkSpanner:after{
    right: 115px;
  }
   .center-row{
    padding: 0;
    display: -ms-block;
    display: block;
  }
.bottom-bar-items{
      padding: 5px 0px 0px;
}
.section-main-bottom .btn{
      padding: 10px 30px 10px;
}
  .bottom-bar-item-label{
  font-size: 20px;
}
.bottom-bar-item-description {
    font-size:20px;
   padding-left: 0px;
}
  .lab-total{
   margin: 0 auto;
  }
  .we-hire{
    display: none;
  }
  .section-main-bottom .btn {
    font-size: 16px;
   padding: 9px 20px 9px;
  }
.section--bg-wowu .portfolio-img-wrap {
    margin-bottom: 40px !important;
}
.section--bg-wowu {
    margin-top: 0px;
    margin-bottom: 0px;
}
.section--bg-yonomi {
    margin-top: 0px;
    margin-bottom: 0px;
}
.section--bg-yonomi .portfolio-img-wrap {
    margin-bottom: 40px !important;
}
.section--bg-aiothome .portfolio-img-wrap {
    margin-bottom: 40px !important;
}
.section-perks-benifits .mont{
    clear: both;
}
.section-career-header-bg {
  background-size: contain;
  height: 300px;
}
.section-career .sec-title {
   font-size: 50px; 
}
  .tech-cm{
    clear:both;
}
.socials{
  text-align: center;
}
.section-ai-header-bg .sec-title {
    font-size: 55px;
}
.section-arvr-header-bg .sec-title {
    font-size: 55px;
}
.web-technology-dev table{
  width: 100%;
}
.content-node{
  display: none;
}
.node-header-img {
    margin: 10% auto 0px;
    text-align: center;
}
.web-technology-sevices .sec-title {
   font-size: 45px;
   margin: 0 auto 0;
}
.web-technology-sevices ul li {
    margin: 10px 5px;
    min-width: 100%;
}
.related-service-list br{
  display: none;
}
.tech-img {
    width: 100%;
    display: block;
}
.tech-title {
    width: 100%;
    display: block;
}
.web-technology-dev table tr td ul li {
    display: block;
    padding: 10px 10px 10px 10px;
    width: 100%;
}
.web-technology-dev table tr td:last-child{
  padding-left: 0px;
}
.section-howwedo .sec-title{
  font-size: 50px;
}
.iot-process-img img{
    width: 100%;
}

  .mails-list__item {
  
    width: 100%;
   
}
.section-contact .section-title-heading{
  margin-bottom: 40px;
}
.section-cryptocurrency-header-bg .sec-title {
    font-size: 40px;
    line-height: 60px;
    
}
.blockchain-technology .sec-title {
    
    font-size: 40px;
line-height: 60px;
}
.section-crypto .text1 {
    color: #fff;
    padding: 0px 0px;
}
.section-blockchain-platform .sec-title{
  font-size: 40px;
}
.section-blockchain-platform .text1 {
    color: rgba(255,255,255,0.8);
    padding: 0px 0px;
}
.section-blockchain-platform ul li:nth-child(2) {
    list-style: none;
    margin-top: 100px;
}
.section-blockchain-platform ul li:nth-child(3) {
    list-style: none;
    margin-top: 100px;
}
.section-crypto ul li:nth-child(2) {
    list-style: none;
     margin-top: 100px;
}
.section-crypto ul li:nth-child(4) {
    list-style: none;
     margin-top: 100px;
}
.section-crypto ul li:nth-child(6) {
    list-style: none;
     margin-top: 100px;
}
/*.section-chatbot-header-bg {
  padding: 300px 0px 0px;
}*/
.section-chatbot-tech .sec-title {
    line-height: 60px;
}
.iot-work .sec-title{
  font-size: 40px;
}
.what-iot .sec-title{
  font-size: 40px;
}
.section-qa-technology .platform-icon-text .list-title-img:last-child{
  width: 100%;
}
.section-qa-technology .list-title-img .b-more {
    left: 0% !important;
    font-size: 18px !important;
}
.port-omio .portfolio-desc {
    margin-top: 45px!important;
}
.port-mini .portfolio-desc {
    margin-top: 45px!important;
}
.section-all-technologies {
    padding: 80px 10px;
}
.section-involve {
  
    padding: 85px 10px 10px;
   
}
.section-tech-header-bg .sec-title{
    font-size: 40px;
    line-height: 60px;
}
.sec-tech-dev .sec-title{
  font-size: 40px;
    line-height: 60px;
}
.section-tech-header-bg {
    padding: 280px 0px 0px;
}
.section-ui-checkout .sec-title {
    font-size: 45px;
}
.section--concept .col .concept__desc {
  
    margin-left: 0;
}
.concept__gallery-item {
    position: absolute;
    top: 60%;}
.ui-patpat{
      margin-top: 0;
    margin-bottom: 0px;
    padding-top: 0px!important;
}
.ui-mini .portfolio-desc {
    margin-top: 50px!important;
}
.ui-mini{
  padding-bottom: 15px;
}

  .section-ui-header-bg .sec-title {
    font-size: 40px;
    line-height: 60px;
  
}
.se-moz .portfolio-img {
    margin: 0px 0px;
}
.se-moz .portfolio-desc {
    margin-top: 35px;
}
.se-zola{
  margin-top: 50px!important;
  padding-bottom: 180px!important;
}
.section-web-header-bg .sec-title {
    font-size: 40px;
    line-height: 60px;
}
.section-end-mobile .sec-title {
  font-size: 40px;
}

.mob-pick{
  margin-top: 0;
  padding: 0px 0px 100px!important;
  margin-bottom: 0;
}
.mob-rad{
  padding-bottom: 10px;
}
.por-fly .portfolio-img-wrap:first-child{
  margin-top: 30px;
}
.se-mini .portfolio-desc {
    margin-top: 40px;
}
.se-mini{
  padding-top: 125px;
      padding-bottom: 80px;
}

  .ip-technology .platform-icon-text .list-title-img{
    width: 50%;   
}
.ip-technology .platform-icons li:last-child
{
  width: 100%;
}
.ip-technology .list-title-img .b-more {
    left: 0%!important;
 
}

  .ip-pat{
    margin-top: 0px;
    padding-top: 0px!important;
  }
  .ip-omio .portfolio-desc {
    margin-top: 40px!important;
}
.ip-omio {
    margin-top: -60px!important;
    padding-bottom: 0px;
    padding-top: 0px!important;
}

  .section--bg-patpat .portfolio-img-wrap{
    margin-bottom: 40px!important;
  }
  .se-pat{
    padding-bottom: 30px;
    margin-bottom: 0;
  }
  .sep-moz {
    margin-top: -50px;
}
.sep-pick {
    margin-top: -60px;
    margin-bottom: 0;
}
.section--bg-pickable .portfolio-img-wrap{
  margin-bottom: 40px!important;
}
.section-get-in-touch .sec-title{
  font-size: 40px;
}
.sep-fly {
    margin-top: 0;
}
.section--bg-flywheel .portfolio-img-wrap{
  margin-bottom: 40px!important;
}
.sep-maxim {
    margin-top: -50px!important;
}
/*.section-portfolio-header-bg {
 
    padding: 250px 0px 0px;
}*/

  .footer-widgets .widget-title {
    color: #ffece4;
    font-size: 20px;
    margin: 20px 0 10px;
}
.socials{
  margin-top: 20px;
}
.codi-service__intro{
  line-height: 30px;
  min-height: 151px;
}
.codi-service__item .h3{
  font-size: 26px;
}

  .project__img-wrap {
    margin-bottom: 80px;
}
  .get-btn{
    display: none;
  }
  .section-ios-header-bg .sec-title{
    font-size:40px;
    line-height: 60px;
  }
/*  .section-ios-header-bg {

    padding: 280px 0px 0px;
}*/
.section-work .sec-title {
  
    font-size: 40px;
    line-height: 60px;
}
.section-magic .sec-title {
  
    font-size: 40px;
}
  .page-header .container {
    padding: 0 0px;}
  .platform-icons .list__row{
    display: block;
  }
  .group {
    display: block;

}
.price-slider {
  
    width: 83%;
}

.blog-filter select{
  display: block;
}
.blog-detail-img{
    width: 700px;
}
.section-php-service .list__row {
    margin: 0px 0 0px;
}
.section-innertech-header-bg {
   padding: 115px 0px 0px;
}
.section-innertech-header-bg .sec-title{
  font-size: 45px;
}
.section-chatbot-header-bg .sec-title {
    font-size: 40px;
    line-height: 60px;
}
.section-help .text1 {
    padding: 0px 0px 28px!important;
}
.section-help .list-title-img {
    display: block!important;
    width: 100%;
    margin: 50px 0;
    padding: 0;
}
.section-help ul li:first-child {
    border-bottom: 2px dotted rgba(255, 99, 0, 0.21);
}
.scene--bg-white-smoke #menu-icon span{
    border: 2px solid #fff;
}
.section-portfolio {
    padding: 60px 0;
    text-align: center;
}
.section--bg-eat-now .portfolio-img {
    max-width: 100%;
    margin: 0;
    padding: 0px;
    margin-bottom: 60px;
}
.section-portfolio.section--bg-zolo .portfolio-img {
    max-width: 100%;
    margin-left: 0px;
}
.section--bg-lightinthebox .portfolio-img {
    max-width: 100%;
    margin: 50px 0px;
}
.mt img {
   margin-top: 0px;
   margin-left: 0px;
}
.mt {
  margin-left: 20px;
  margin-top: 0px;
}
.concept__gallery-img{
    max-width: 100%;
}
.concept__gallery-item:nth-child(2) {
    left: 25.5%;
}
.concept__gallery-item:nth-child(1) {
    left: 16%;
}
.section-application img{
   width: 100%;
}
.section-support .sec-title {
    line-height: 60px;
}
.testing-design img{
    max-width: 100%;
}
.maintenance-design img{
    max-width: 100%;
}
.section-qa-header-bg .sec-title {
    font-size: 50px;
    line-height: 70px;
}
/*.section-qa-header-bg {
    padding: 250px 0px 0px;
    height: 825px;
}*/
.section-support-header-bg .sec-title {
    font-size: 50px;
    line-height: 70px;
}
/*.section-support-header-bg {
    padding: 250px 0px 0px;
    height: 825px;
}*/
.section-magic .sec-title {
    margin: 0 auto 87px;
    line-height: 60px;
}
.development-company li:first-child .img-wrap {
    margin-top: 10px!important;
    margin-bottom: 50px!important;
}
.development-company .img-wrap {
    height: 65px;
    margin-top: 10px!important;
    margin-bottom: 50px;
}
.development-company .text1{
  margin-bottom: 40px;
}
.development-company ul li:first-child {
    border-bottom: 2px dotted rgba(255, 99, 0, 0.21);
}
.web-our-portfolio .portfolio-img-wrap:first-child {
   margin-left: 0px;
}
.web-our-portfolio .portfolio-img {
    padding: 0;
}
.section-about-header-bg .sec-title {
    font-size: 40px;
    line-height: 60px;
}
.section-build-mobile .sec-title {
    line-height: 60px;
}
.web-technology-dev table tr td:first-child img {
    margin-right: 23px;
    /* width: 100%; */
}
.section-web-technologies .sec-title {
    margin: 0 auto 25px;
    font-size: 36px;
    line-height: 65px;
}
.technology-development .sec-title {
    margin: 0px auto 32px;
    line-height: 60px;
}
.benifit-tech-list{
  padding-left: 20px;
 }
.section-benifit .description-list {
    padding: 0px 0px 0px 20px;
}
.technology-development .list-title-img{
  width: 100%!important;
}
.web-technology-dev .sec-title {
   font-size: 36px;
}
.development-company .sec-title {
    margin: 0px auto 32px;
    line-height: 60px;
}
.projrct-android-app .sec-title {
    line-height: 60px;
}
.web-our-portfolio .section--bg-ktraining {
    padding-top: 80px;
    margin-bottom: 0px;
}
.development-company .platform-icon-text .list-title-img {
    float: left;
    width: 100%;
    margin: 20px 0;
}
.section-involve .sec-title {
    font-size: 36px;
    line-height: 60px;
}

.section-develop-platform .list-develop-platforms .list-title-img:first-child{
    width: 100%!important;
}
.section-all-technologies .front-tech .list-develop-platforms .list-title-img:last-child{
    width: 100%!important;
}
.section-all-technologies .mobile-tech .list-develop-platforms .list-title-img:last-child{
    width: 100%!important;
}
.section-web-technologies .ux-tech .list-title-img:last-child{
    width: 100%!important;
}
.section-web-technologies .mobile-tech .list-title-img:last-child{
    width: 50%!important;
}
.android-section-animate .sec-title {
  margin: 0 auto 80px;
  line-height: 60px;
  font-size: 36px;
}
.section-about .sec-title {
  font-size: 36px;
  line-height: 50px;
}
.section-team-help li .sec-title{
  font-size: 24px;
}
.section-all-technologies .ux-tech .list-title-img:last-child{
    width: 100%!important;
}
.reorder{
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
#side_panel{
  order:2;
}
.section-opening-cta .sec-title {
  font-size: 36px;
}
.section--bg-radpad{
  margin-top: -105px;
  padding-bottom: 40px;
}
.section--bg-zolo .portfolio-desc {
  margin-top: 0px;
}
.section--bg-omio .portfolio-desc {
  margin-top: 95px;
}
.section--bg-omio {
  margin-top: -60px;
  padding-bottom: 0px;
}
.section--bg-homesway {
  margin-top: -8px;
}
.section--bg-zolo {
  margin-top: -40px;
  padding-bottom: 60px;
}
.trms {
    text-align: left;
}
  .project_detail span.contact-list-item {
    background: transparent;
    display: -webkit-inline-box;
    padding: 10px 1px 10px 0px;
    width: 15%;
    margin: 0px 60px 0px 0px;
}
.project_detail input[type="radio"]{
    margin: 21px 10px;
}
.start-point {
   margin-top: 66px;
}
.slide-price {
    padding: 1px 36px;
    margin-top: -19px;
    margin-bottom: 0px;
    margin-left: -16px;
    margin-right: -16px;
}
.section-android-header-bg .sec-title {
    font-size: 50px;
    line-height: 70px;
}
/*.section-android-header-bg{
  padding: 200px 0px 0px;
      height: 825px;
}*/
.android-mobile-app__item {
    padding: 0 15px;
    width: 50%;
}
.devices-scheme .img-container, .android-mobile-app .img-container {
    margin: 0 auto 15px;
}
.android-mobile-app__item:nth-child(3) {
    width: 100%;
    padding: 36px 15px 68px 15px;
}
.android-section-animate {
    padding: 42px 0px 77px;
}
.section-notch .sec-title {
    line-height: 60px;
}
.app-develop__item {
    width: 100%;
}
.app-develop .img-wrap {
    margin-bottom: 0px;
}
.app-develop__item:nth-child(2) {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
}
.code-editor {
    width: 100%;
}
.code__row {
    font-size: 8px;
}
.section-devices .sec-title {
    line-height: 60px;
}
.section-work .list__row{
    margin: 0px;
  }
.our-portfolio{
  padding: 0px 20px;
}
.header-menu{
  padding: 10px 10px 10px 0px;
}
.get-btn {
    float: none;
    padding: 0px;
    text-align: center;
    margin-right: 45px;
}
.section--bg-eat-now {
    padding: 0px 0px 95px!important;
    margin-top: -23px!important;
}
/*  #particle-slider {
    height: 581px;
  }*/
  .draw {
      margin-top: 17px;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
      height: auto;
      padding-left: 27px;
      padding-right: 20px;
      margin-bottom: 0;
  }
 /* #particle-slider h1 {
      margin-top: -366px!important;
  }*/
  .particle-heading h1 {
      font-size: 40px;
      line-height: 55px;
  }
  .list-title-img {
      display: block!important;
  }
  .section-services .sec-title{
    font-size: 36px;
  }
  .platform-icons li:first-child .img-wrap {
      margin-top: -10px;
      margin-bottom: 33px;
  }
  .section-platform li:nth-child(4) {
      margin-left: 15%;
  }
  .codi-service__item{
    margin: 0px;
  }
  .process-mob{
    display: block!important;
  }
  .process-desk{
    display: none;
  }
  .section-process{
    background-image: none;
  }
  .processboxwd .stepbx .step.st1 {
    position: absolute;
    top: -39px;
    left: auto;
  }
      .processboxwd .stepbx .step.st2 {
      position: absolute;
      top: -50px;
      left: auto;
          z-index: 3;
  }
      .processboxwd .stepbx .step.st3 {
      position: absolute;
      top: -55px;
      z-index: 3;
        left:109px;
  }
      .processboxwd .stepbx .step.st4 {
      position: absolute;
      top: -55px;
      left: auto;
      z-index: 3;
  }
      .processboxwd .stepbx .step.st5 {
      position: absolute;
      top: -55px;
      left: auto;
      z-index: 3;
  }
      .processboxwd .stepbx .step.st6 {
      position: absolute;
      top: -55px;
      left: auto;
      z-index: 3;
  }
  .step-process3 {
    position: absolute;
    top: 83px;
    color: #fff;
    left: 0;
    text-align: center;
    width: 100%;
}
  .step-process2 {
    position: absolute;
    left: auto;
    top: -155px;
    color: #fff;
    width: 100%!important;
    text-align: center;
}
.process-hding1:after{
  top:25px;
}
.step-process1 {
    position: absolute;
    width: 100%!important;
    left: 0;
    color: #fff;
    top: 334px;
    text-align: center;
}
.process-hding:after{
  top:30px;
}
.step-process4 {
    position: absolute;
    color: #fff;
    top: 80px;
    width: 100%!important;
    left: 0px;
    text-align: center;
}
.step-process5 {
    width: 100%!important;
    color: #fff;
    position: absolute;
    top: 79px;
    left: 0;
    text-align: center;
}
.step-process6 {
    position: absolute;
    color: #ffff;
    width: 100%!important;
    top: 75px;
    left: 0;
    text-align: center;
}
.step-process6 {
    position: absolute;
    color: #ffff;
    width: 100%!important;
    top: 75px;
    left: 0;
    text-align: center;
}
.section-process{
  padding: 150px 0px 0px;
}
.services-blocks .list-title-img{
    margin: 0px;
}
.services-blocks .list-title-img{
    width: 100%;
}
.list-industries .list-title-img {
    width: 50%;
    margin: 0px;
}
.list--icons li:first-child .img-wrap {
    margin-top: -10px;
    margin-bottom: 0px;
}
.list--icons .title {
    font-size: 14px!important;
}
.section-work .list {
    text-align: center;
    margin: 0;
    padding: 0px;
}
.list-work>li {
    border-bottom: 2px dotted rgba(255, 99, 0, 0.21);
}
.section-work ul li:first-child {
    border-bottom: 2px dotted rgba(255, 99, 0, 0.21);
}
.section-work .text1 {
    padding: 0px 0px 28px!important;
}
.list-work:before{
  display: none;
}
.section-work .list-title-img {
    display: block!important;
    width: 100%;
    margin: 50px 0;
    padding: 0;
}
.section-devices .platform-icons--xs .list-title-img {
    min-height: 150px;
}
.platform-icons li:first-child .img-wrap {
    margin-top: -10px;
    margin-bottom: 33px;
}

.description-list__item {
    margin: 40px 0px;
}
.description-list .title, .description-list .text {
    padding: 0px;
}
.description-list .title {
    width: 100%;
}
.description-list .title:after {
    left: 0px;
}
.description-list .text1 {
    float: left;
    width: 100%;
}
.description-list-title-img {
    margin: 85px 0px;
}
.section-team-help .platform-icon-text .list-title-img {
    float: left;
    width: 100%;
    margin: 0px 0;
}
.section-team-help .section-title-heading{
  margin-bottom: 70px;
}
.mision-sec .sec-title {
    text-align: center;
    margin: 0 auto 0px;
}
.mision-sec .sec-para {
    text-align: center;
    margin-left: 0;
    margin-bottom: 40px;
}
.vision-sec .sec-title {
    text-align: center;
    margin: 0 auto 0px;
}
.vision-sec .sec-para {
    text-align: center;
}
.section-application .sec-title {
  font-size: 40px;
    line-height: 60px;
}
.project-app .sec-title{
   line-height: 60px;
}

.section--bg-radpad .portfolio-img-wrap{
  margin-bottom: 40px!important;
}
.section--bg-zolo .portfolio-img-wrap{
      margin-bottom: 80px!important;
}
.section--bg-omio .portfolio-img-wrap{
      margin-bottom: 40px!important;
}
.section--bg-homesway .portfolio-img-wrap{
      margin-bottom: 40px!important;
}
.portfolio-desc{
  padding: 0px 10px;
}
.testinomial_block{ padding:30px 0; margin:30px 0; }
.testinomial_block h3{ font-size: 37px;}
.testinomial_block ul.rating{  margin-bottom: 50px; }
.testinomial_block ul.rating li{ width:100%;  border-right: none; font-size: 0; text-align: center; margin-bottom: 35px;}
.testinomial_block ul.rating li:first-child{  text-align:center; }
.testinomial_block ul.rating li:last-child{ border: none; text-align: center; }
.testinomial_block .testinomial_slider:before{ width:40px; height: 30px; top:-12px; left:-15px; background-size:contain; }
.testinomial_block .testinomial_slider:after{  width:85px; height: 50px; bottom:30px; right:24px; background-size:contain;}


.testinomial_block .testinomial_cards{ flex-wrap: wrap; justify-content: center; }
.testinomial_block .testinomial{ max-width: 100%; display: block; margin-bottom: 30px; }
.cta-banner-blog .row{ flex-wrap: wrap; justify-content: center; }
}


@media (max-width: 768px){
  .cta-para p {
    
    text-align: center;
}
/*addres  section*/
  .contact-grid .grid figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%;
  }
  .grid figure figcaption{
    padding: 0px;
  }
  figure.effect-ruby p{
    margin: 0em 0 0;
    padding: 0.5em;
  }
/*end address section*/
  .we-hire {
    margin-left: 6px;
    background: #f0560f;
    padding: 5px 10px;
    border-radius: 2px;
}
  .blog-filter ul{
  display: none;
}
.blog-posts-list .blog-article {
   clear: both;
}
.blog-filter select {
    display: block!important;
    color: #000;
}
.blog-posts-list .highlighted-article .entry-image img {
  height: 400px;
}


  .blog-filter{
    border-top: 1px solid #a2a0a0;
    border-bottom: 1px solid #a2a0a0;
    height: 50px;
  }
  .bt-share{
            width: 40%;
            padding-top: 10px;
            font-size: 25px;
        }
  .standard-banner-img img {
    max-width: 100%;
}
  .content-admin .socials {
   
    padding-left: 0px;
}
.content-admin h3{
  text-align: center;
}
.content-admin .container{
  padding: 0px 15px!important;
}

  .codify_blog {
    background-color: #ebebeb;
    padding: 0px 15px;
}
  .site-footer {
    margin-top: -3px;
    /*margin-bottom: 50px;*/
}
.icon-bar{
  display: none;
}
.bottomMenu {
  position: fixed;
  bottom:0px;
  width: 100%;
  height: 50px;
  border-top: 1px solid #000;
  /*background: #f0560f;*/
  background: #525252;
  z-index: 1;
  transition: all 1s;
}
.hide {
  opacity: 0;
  left: -100%;
}
.show {
  opacity: 1;
  left: 0;
}
 .icon-bar1{
        display:block!important;
        }
.icon-bar1 ul{
    display: flex;
    text-align: center;
    margin-top: -3px;
}
/*.twit-list{
  display: inline-block;
    width: 50%;
    background: #55ACEE;
    padding: 10px;
}*/
.twit-list {
    display: inline-block;
    width: 15%;
    background: transparent;
    padding: 10px;
}
.twit-list .twitter {
    background: transparent;
    color: white;
}
/*.linkd-list{
display: inline-block;
    width: 50%;
    background: #007bb5;
    padding: 10px;
}*/
.linkd-list {
    display: inline-block;
    width: 15%;
    background: transparent;
    padding: 10px;
}
.linkd-list .linkedin {
    background: transparent;
    color: white;
}
#wrap {
    top: -57px;
}
.blog-category-filter {
    margin: 91px 0px 20px;
}
    /* Reset Select */
.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: transparent;
  background-image: none;
}
/* Remove IE arrow */
.select select::-ms-expand {
  display: none;
}
/* Custom Select */
.select {
 position: relative;
    display: flex;
    width: 10em;
    height: 2em;
    line-height: 2;
    background: transparent;
    overflow: hidden;
    border-radius: .25em;
    margin-top: 4px;
}
.select select {
 flex: 1;
    padding: 0 .3em;
    color: #16181c;
    cursor: pointer;
    font-size: 18px;
}
/* Arrow */
.select::after {
  content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0.4em;
    background: transparent;
    color:#f0560f;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
/* Transition */
.select:hover::after {
  color: #f39c12;
}

.blog-banner .container {
    width: 100%;
}
.content-chapter .container {
    width: 100%;
}
.content-banner-editor .container {
    width: 100%;
}
.content-editor .container {
    width: 100%;
    padding: 0px 0px 0px;
}
.blog-banner {
  padding: 80px 0px;
}
.codify_blog .col-xs-12 {
  padding: 0px 20px 40px;
}
.cta-banner-blog {
  padding: 20px 10px 20px;
}
.cta-para a { margin-bottom: 10px;}
.content-editor .row {
    margin-right: 0;
    margin-left: 0;
}
.blog-detail-banner-title h2 {
    font-size: 40px;
}

.blog-detail-banner-title h1 {
    font-size: 40px;
 }

  .socials{
  text-align: center;
}
/*section contact new*/
 .section-contact {
    background-color: #fff;
    padding: 0 0px 93px;
    margin: -3px 0px 0px;
}
.india-map .sec-para {
    color: #16181c;
    text-align: left;
}
.flag-india {
    text-align: left;
    margin-bottom: 40px;
}
.flag-usa{
  margin-bottom: 40px;
}
.form-coact-title .mobile-contact-title{
  display: block!important;
}
.reorder {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
}
#side_panel {
    order: 2;
}
.form-coact-title .section-title-heading {
    margin-bottom: -40px;
    margin-top: 40px;
}
.section-inquiry {
    background: #fff;
    padding: 0px 0px;
}
.section-iframe-map .section-title-heading .sec-title{
 font-size: 60px;
}
/*end section contact new*/
  .tabs nav{
    display: block;
  }
  #myModal5 .modal-dialog {
    width: 100%;
    margin: 30px auto;
}
.frontend-technology .list-title-img .b-more{
    left: 0% !important;
}
.ip-technology .platform-icon-text .list-title-img{
    width: 50%;   
}
.ip-technology .platform-icons li:last-child
{
  width: 100%;
}
.ip-technology .list-title-img .b-more {
    left: 0%!important;
 
}
.section-devices .list__row {
    display: block;

}

.page-header{
  position: absolute;
}
.scene--bg-white-smoke #menu-icon span{
    border: 2px solid #fff;
}
  .list-develop-platforms .list-title-img {
    display: inline-block!important;
    width: 50%!important;
    padding: 0 15px;
    margin: 25px 0;
}
.section-application img{
  max-width: 100%;
}

.list-ui-checkout-process .list-title-img {
    display: block;
    width: 100%;
    margin: 50px 0;
    padding: 0;
}
.list-ui-checkout-process {
    text-align: left;
    padding: 1px 0;
    margin: 50px 0px;
}
.list-ui-checkout-process .list-title-img:after {
    content: '';
    display: block;
    padding: 0 0 30%;
}
.section--concept {
    min-height: 50vh;
}
.concept__img-wrap {
    max-width: 100%;
    width: 100%;
    margin-bottom: 50px;
}
.section--concept .col .concept__desc {
   max-width: 100%;
    padding: 0px 20px;
}
.concept__title {
    font-size: 36px;
 }
.list-ui-checkout-process:before {
    border-left: 2px dotted rgba(117,118,122,0.5);
}
.list-ui-checkout-process:before, .list-ui-checkout-process:after {
    display: block;
    content: '';
    position: absolute;
    left: 14px;
    top: 0;
    width: 2px;
    height: 100%;
}
.list-ui-checkout-process .list-title-img {
    width: 100%;
    float: none;
    border: 0 !important;
    padding-left: 40px;
    cursor: pointer;
}
.list-ui-checkout-process .list-title-img-inner {
    position: static;
    padding: 0;
}
.list-ui-checkout-process .title {
    color: #f16522;
    margin-bottom: 0;
    padding-right: 0px;
    text-align: center;
}
.list-ui-checkout-process .title:before {
    width: 30px;
    height: 30px;
    left: 0;
    top: 2px;
    -webkit-transition: none;
    transition: none;
}
.list-ui-checkout-process .title:after {
    width: 10px;
    height: 10px;
    left: 10px;
    top: 12px;
    -webkit-transition: none;
    transition: none;
}
.list-ui-checkout-process .title:before, .list-ui-checkout-process .title:after {
    right: initial;
}
.list-ui-checkout-process .text {
    max-width: initial;
    font-size: 18px;
    /*display: none;*/
    margin-top: 20px;
}
/*.list-ui-checkout-process .list-title-img:after {
    position: absolute;
    right: 0;
    top: 11px;
    width: 24px;
    height: 14px;
    padding: 0;
    background: url(https://yalantis.com/assets/v3/icons/icon-arrow-48dbf9c3b97ba8f94a54e4e1e67804476df230cedf95cbdac6858e95c827d0aa.svg) no-repeat top right;
    background-size: 100%;
}*/
.list--process .list__item--open .text {
    display: block;
}
.section-qa-technology .platform-icon-text .list-title-img {
    float: left;
    width: 50%;
    margin: 20px 0;
}
  .footer-widgets ul li a {
    font-size: 16px;
    color: #fff;
}

.description-list {
    padding: 0px 25px 0px 0px;
}
.platform-icons .title {
    font-size: 14px!important;
}
.platform-icons .img-wrap {
    height: 65px;
}
.section-devices .platform-icons--xs .list-title-img {
    padding: 0 15px;
    float: left;
    width: 50%;
    min-height: 180px;
    margin: 25px 0;
}
  
.section-header-bg-desktop{
    display: none;
}
.section-header-bg-mobile{
   display: block!important;
}


  nav {
    padding: 0px;
}
  .mega-col{
    padding-left: 5px;
  }
  .btn-demo {
    padding: 10px 20px;
    border-radius: 100px;
    border: none;
    color: #fff;
    background: #f0560f;
    font-family: "BrandonText-Regular", Sans-serif;
}
#menu-icon span {
    border: 2px solid #fff;}
.mega-dropdown p{
  margin-left: 10px;
}
 .sticky .btn-demo{
  color: #fff;
  border: none;
 }
 .mega-dropdown p{
  font-size: 20px;
      margin-bottom: -10px;
 }
 svg{
  margin-right: 5px;
 }
.mob-nav .mega-dropdown {
  width: 100%;
  margin-left: 5px;
}
.desk-nav{
  display: none!important;
}
.mob-nav{
    display: block!important;
    background: #ffff;
    border-radius: 20px;
    padding: 20px;
    position: fixed;
    top: 64px;
    margin-right: 10px;
    margin-left: 10px;
    width: 95%;
    border: 1px solid #0000002b;
    overflow: scroll;
    max-height: 600px;
}
nav .mega-dropdown {
   box-shadow: none;
}
.mob-nav .mega-dropdown li a {
    color: #000!important;
    padding: 8px;
}
.sticky .header-menu{
background: #000;
}
.sticky #menu-icon span {
    border: 1px solid #000;
    width: 25px;
    margin-bottom: 5px;
    display: block;
    -webkit-transition: all .2s;
    transition: all .1s;
}
.sticky  .mob-logo-sticky{
  display: block!important;
}
.sticky  .mob-logo{
  display: none!important;
}
.mob-logo-sticky{
  display: none!important;
}
.desk-logo{
  display: none!important;
}
.mob-logo{
  display: block!important;
}
.section-client .logo {
    float: none;
    max-width: 100%;
}
.section-client .sec-title{
  font-size: 40px;
}
.section-client .list-title-img{
       margin-bottom: 50px;
}

  .list-agile {
    margin-bottom: -20px!important;
    margin-top: 60px!important;
}
.section-dedicated .list__row{
  margin: 0px;
}
.list--icons--xs .list-title-img {
    padding: 0 15px;
    float: left;
    width: 33%;
    min-height: 180px;
    margin: 25px 0;
}
.list-title-img .b-more {
    left: 132%!important;
    font-size: 18px!important;
}
.list-title-img .b-more {
    /*left: 150px;*/
    text-align: center;
    margin: auto 0;
    /* position: initial; */
    top: 10px;
}
.sec-title{
  font-size: 40px;
  line-height: 60px;
}
.section-take-care .sec-title{
  font-size: 40px;
}
.section-check-out .sec-title {
    margin: 0 auto 39px;
    font-size: 40px;
    line-height: 60px;
}
.mega-dropdown li ul li a {
    font-size: 20px;
}
.footer-widgets .btn{
  font-size: 18px;
}
.site-footer p {
    font-size: 14px;
}
.trms a{
   font-size: 14px;
}
.section--bg-homesway{
  margin-bottom: 0px;
}
.portfolio-img-wrap:first-child {
    margin-bottom: 0px;
    margin-top: 130px;
}
.portfolio-img-wrap img{
    max-width: 100%;
  }
/*.section-portfolio .col-md-6 {
    display: block;
    margin-left: 0;
}*/
.portfolio-img-wrap:first-child {
    margin-bottom: 0px;
    margin-top: 100px;
}
.portfolio-img {
    padding: 0px;
    width: 100%;
}
.section-portfolio.section--bg-omio .portfolio-img {
    max-width: 100%;
    margin: 0px;
}
.section--bg-eat-now .portfolio-desc {
    margin-top: 12px!important;
}
.portfolio-desc {
    max-width: initial;
    text-align: center;
}
.portfolio-title {
    font-size: 40px;
    margin-bottom: 10px;
}
.portfolio-subtitle {
    font-size: 24px;
}
.project__content {
    margin-bottom: 40px;
}
.section--project {
    padding: 30px 20px;
}
  .service-wrap {
      padding: 20px;
  }
  .codi-service__list {
      display: block;
      width: 100%;
  }
  .codi-service__item.sb.is-visible {
      margin-bottom: 20px;
      width: 100%;
  }
  .codi-service__b-more {
      left: 125px;
  }
  
  .particle-heading {
      padding: 0px 5px;
  }
  
  .platform-icon-text .list-title-img {
    float: left;
    width: 33.3%;
    margin: 20px 0;
  }
  .platform-icon-text {
      padding-left: 0px;
  }
  .platform-icon-text {
      /*display: block;*/
      max-width: initial;
  }
  .platform-icon-text .list-title-img {
      float: left;
      width: 33.3%;
      margin: 20px 0;
  }
  .section-web-technologies .platform-icon-text .list-title-img {
      width: 50%!important;
  }
  .platform-icons .img-wrap {
      height: 65px;
  }
  .platform-icons .title {
      font-size: 14px;
  }
}
@media (max-width: 1220px){
  .section--project {
    min-height: initial;
}
}


@media (min-width: 768px) and (max-width: 1023px) {
  #customers-testimonials p{
    width: 100%;
  }
  .cta-para p {
    
    text-align: center;
}
  .cta-para {
    margin-top: 15px;
    /* text-align: center; */
    text-align: center;
    margin: 0 auto;
}
.author-img img {
  margin-top: 0;
}
  .blog-home-list .sec-title {
    color: #16181c;
    line-height: 60px;
    margin-bottom: 60px;
}
  .list-title-img .b-more {
    left: 110% !important;
    font-size: 18px !important;
}
  .section-platform li:nth-child(4){
    margin-left: 17%;
  }

  .web-technology-sevices ul li{
    margin: 15px 9px;
    min-width: 47%;
  }
  a.linkSpanner:after{
    right: 44%;
  }

   .codi-service__item.sb.is-visible {
  
      width: 100%;
  }
  .second-img-box {
   
    clear: both;
}
  .center-row{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 3.3rem;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -ms-flexbox;
    display: flex;
  }
  .bottom-bar-item-label {
    font-size: 30px!important;
  
}
.bottom-bar-item-description {
    font-size: 30px!important;
}
.bottom-bar-container {
  padding: 10px 0px;
}
.bottom-bar-items {
   padding: 10px 0px 5px;
}
  .logo a {
    padding: 0 0 0 0px;
}
  .section-career-header-bg {
  background-size: contain;
  height: 300px;
}
.wordpress-header-img{
    margin: 6.5% auto 0px;
    text-align: center;
}
.react-header-img{
   text-align: center;
}
.node-header-img{
  text-align: center;
}
.angular-header-img{
  text-align: center;
}
.python-header-img{
  text-align: center;
}
.php-header-img{
  text-align: center;
}
.dotnet-header-img{
  text-align: center;
}
.ror-header-img{
  text-align: center;
}
  .web-technology-dev table{
    width: 100%;
  }
  .tech-img {
    width: 100%;
}
#our-solutions .list-title-img {
    padding: 0 15px;
    display: inline-block;
}
  .section-develop-platform .list-develop-platforms .list-title-img:first-child {
    width: 100% !important;
}
  .section-all-technologies .list-develop-platforms{
    width: 100%;
  }
  .ui-tech .list__row{
    display: block;
  }
.section-all-technologies .front-tech .list-develop-platforms .list-title-img:last-child {
    width: 100% !important;
}
.section-all-technologies .mobile-tech .list-develop-platforms .list-title-img:last-child {
    width: 100% !important;
}
.section-all-technologies .ux-tech .list-title-img:last-child {
    width: 100% !important;
}
.section-tech-header-bg{
  padding: 430px 0px 0px;
}

.ui-patpat{
      margin-top: 50;
    margin-bottom: 0px;
    padding-top: 0px!important;
}
.ui-mini .portfolio-desc {
    margin-top: 50px!important;
}
.ui-mini {
    margin-top: -20px;
    margin-bottom: -55px;
}
/*  .section-web-header-bg {
  
    padding: 400px 0px 0px;
}*/
.development-company .sec-title {
    margin: 0px auto 32px;
    line-height: 80px;
    font-size: 50px;
}
.section-work .sec-title {
    line-height: 90px;
    font-size: 60px;
}
  .se-zola {
    margin-bottom: -125px;
    margin-top: 0;
}
.web-our-portfolio .section--bg-lightinthebox {
    padding-top: 125px;
    margin-bottom: -100px;
}
  .mob-pick{
  margin-top: 0;
  padding: 0px 0px 100px!important;
  margin-bottom: 0;
}
.mob-rad{
  padding-bottom: 10px;
}

/*.section-ios-header-bg {
   padding: 400px 0px 0px;
}*/
.get-btn{
  display: none;
}
.ip-pat{
  margin-top: 0px!important;
}
.ip-omio{
  padding-bottom: 0px!important;
}
/*  .list__row {
   display: block!important;
   height: initial!important;
   margin: 0!important;
   padding-left: 0px;
}*/
.price-slider {

    width: 90%;
}
.sep-mini {
    margin-top: 0;
}
.sep-fly {
    margin-top: 0;
}
.sep-moz {
    margin-top: 0;
}
.sep-omio {
    margin-top: 0;
}
.sep-zola {
    margin-top: 0;
}
.se-pat {
    margin-top: 0;
}
.section--bg-patpat {
    margin-bottom: 0;
}
.section--bg-radpad {
    margin-top: 0;
}
.section-arvr-header-bg {
    background-color: #16181c;
    width: 100%;
    height: 100%;
   /* padding: 400px 0px 0px;*/
}
.section-ai-header-bg {
    background-color: #16181c;
    width: 100%;
    height: 100%;
    /*padding: 400px 0px 0px;*/
}
.section-cryptocurrency-header-bg {
    background-color: #16181c;
    width: 100%;
    height: 100%;
    /*padding: 400px 0px 0px;*/
}
.section-help .text1 {
    color: #fff;
    padding: 0;
}
.section-work .text1 {
    color: #fff;
    padding: 0;
}
.section-innertech-header-bg {
  padding: 350px 0px 0px;
}
/*.section-mobile-work .list-work:before {
    height: 140%!important;
}*/
/*.section-chatbot-header-bg {
    padding: 400px 0px 0px;
}*/
/*.section-help .list-work:before {
    height: 87%!important;
}*/
/*.section-portfolio-header-bg {
  padding: 400px 0px 0px;
}*/
.section--bg-eat-now .portfolio-img {
    max-width: 90%;
    margin: 0;
}
.section-portfolio {
    padding: 120px 0;
    text-align: center;
}
.codi-service{
  padding: 120px 0;
}
/*.development-company .list-work:before {
    height: 76%;
}*/
/*.section-ui-header-bg {
  padding: 400px 0px 0px;
}*/
.concept__gallery-item img {
  max-width: 100%;
}
.concept__gallery-item:nth-child(2) {
    left: 23.5%;
}
.concept__gallery-item:nth-child(1) {
    left: 14%;
}
.mt img {
   margin-top: 0px;
   margin-left: 0px;
}
.mt {
  margin-left: 20px;
  margin-top: 0px;
}
.list-ui-checkout-process .list-title-img:after {
    content: '';
    display: block;
    padding: 0 0 10%;
}
/*.section-qa .list-work:before {
    height: 123%;
}
.section-support .list-work:before {
    height: 123%;
}*/
.testing-design img{
    max-width: 100%;
}
.maintenance-design img{
    max-width: 100%;
}
/*.section-how-we .list-work:before {
    height: 90%;
}
.section-build-mobile .list-work:before {
    height: 138%;
}*/
.web-technology-dev table tr td:first-child img {
    margin-right: 27px;
}
.technology-development .list-title-img{
  width: 50%!important;
}
.development-company .platform-icon-text .list-title-img {
  width: 50%;
}

.benifit-tech-list{
  padding-left: 50px;
 }
.web-our-portfolio .section--bg-ktraining {
    padding-top: 100px;
    margin-bottom: -40px;
}
/*.section-about-header-bg {
  padding: 400px 0px 0px;
}*/
.section-about-header-bg .sec-para {
    font-size: 25px;
}
/*.section-qa-header-bg {
    padding: 400px 0px 0px;
}*/
/*.section-support-header-bg {
    padding: 400px 0px 0px;
}*/
/*.section-notch .list-work:before {
   height: 83%;
}*/
.mision-sec .sec-para {
  text-align: left;
  margin-left: 11px;
}
/* .section-android-header-bg {
    padding: 400px 0px 0px;
}*/
.app-develop__item {
    width: 100%;
}
.app-develop .img {
    max-width: 250px;
}
.app-develop .img-wrap:after {
    content: '';
    display: block;
    padding: 0 0 72%;
}
.app-develop__item:nth-child(2) {
    width: 100%;
    padding-top: 130px;
    padding-bottom: 130px;
}
.app-develop .text1 {
    font-size: 20px;
    max-width: 100%;
}
.code-editor {
    max-width: 450px;
}
.app-develop__item:nth-child(2) .img-wrap:after {
    padding-bottom: 80%;
}

.section-header-bg-mobile h2 {
    font-size: 50px;
    line-height: 70px;
    color: #ffffff;
    font-family: "brandon_textmedium", Sans-serif;
    font-weight: normal;
    padding-top: 100px;
    text-align: center;
}
.mob-nav{
  width: 90%;
}
  /*  .list-work:before{
    height: 137%;
  }*/
 .list-title-img{
     margin: 50px 0;
  }
  .list-industries .img-wrap {
    height: 100px;
    margin-bottom: 0;
}
  .get-btn {
    float: none;
    padding: 0px;
    text-align: center;
}
.section-portfolio{
  min-height: 1px;
}
.codi-service__item{
  margin: 0px;
}
.codi-service__list .b-more {
    left: auto;
    position: initial;
}
.our-portfolio {
    padding-bottom: 133px;
    padding-top: 33px;
    padding-left: 20px;
    padding-right: 20px;
}
.section--bg-homesway {
    margin-bottom: 0px;
    margin-top: 0px;
}
.project__desc {
    margin-left: 20px;
    margin-right: 20px;
}
 #particle-slider h1 {
      margin-top: -615px!important;
  }
  .particle-heading h1 {
      font-size: 50px;
      line-height: 60px;
  }
 .processboxwd .stepbx {
    width: 100px;
    display: inline-block;
    cursor: pointer;
    margin: 0 12px;
}
.processboxwd .stepbx .step.st5 {
    position: absolute;
    top: -22px;
    left: 53px;
}
.processboxwd .stepbx .step {
    position: relative;
    height: 90px;
    padding: 5px;
    border-radius: 50%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.processboxwd .stepbx .step .innerbx {
    width: 79px;
    height: 80px;
    padding: 6px;
    border-radius: 50%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.main-box {
    position: relative;
    width: 68px;
    height: 68px;
    border-radius: 50%;
}
.main-box .iconbx img {
    position: absolute;
    top: 51%;
    left: 53%;
    width: 60px;
    height: auto;
    margin: -31px 0 0 -33px;
}
.step-process1 {
    position: absolute;
    width: 300px!important;
    left: -2px;
    color: #fff;
    top: 181px;
}
.processboxwd .stepbx .step.st1 {
    top: 25px;
    left: -24px;
    position: absolute;
}
.processboxwd .stepbx .step.st2 {
    position: absolute;
    top: 74px;
    left: -34px;
}
.processboxwd .stepbx .step.st3 {
    position: absolute;
    top: -7px;
    left: 2px;
}
.processboxwd .stepbx .step.st4 {
    position: absolute;
    top: 72px;
    left: 36px;
}
.processboxwd .stepbx .step.st5 {
    position: absolute;
    top: -9px;
    left: 79px;
}
.step-process2{
  left: -111px;
}
.step-process3{
  left: 26px;
}

.processboxwd .stepbx .step.st6 {
    position: absolute;
    top: 81px;
    left: 54px;
}
.section-process{
  background-size: contain;
    background-position: 15px 133px;
}
.step-process6{
    padding-right: 8px;
    left: 54px;
    width: 77% !important;
  }
.step-process5 {
    left: 93px;
    width: 100%!important;
}
.step-process4 {
    left: 10px;
    width: 100%!important;
}
.footer-widgets .btn{
  font-size: 10px;
}
.socials__item {
    display: inline-block;
    margin: 0 2px;
}
.site-footer{
  margin-top: -3px;
}
}
@media (min-width: 1024px) and (max-width: 1100px) {
  #customers-testimonials p{
    width: 100%;
  }
  .web-technology-dev table{
    width: 100%;
  }

  .web-technology-sevices ul li{
        padding: 13px 30px;
    margin: 19px 10px;
    min-width: 47%;
  }

  .linkSpanner span {
    bottom: 71px;
    position: absolute;
    left: 45%;
}
  a.linkSpanner:after{
    right: 32%;
  }

   .center-row{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 3.3rem;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -ms-flexbox;
    display: flex;
  }
    .second-img-box {
   
    clear: both;
}
  .bottom-bar-container {
  padding: 10px 0px;
}
.bottom-bar-items {
   padding: 10px 0px 5px;
}
.bottom-bar-item-label {
    font-size: 30px!important;
  
}
.bottom-bar-item-description {
    font-size: 30px!important;
}
.section-career-header-bg {
  background-size: contain;
  height: 400px;
}
.section-tech-header-bg{
  padding: 600px 0px 0px;
}
.tabs {
   font-size: 2.25em;
}
/*.section-portfolio-header-bg {
  padding: 600px 0px 0px;
}*/
.section-arvr-header-bg {
    background-color: #16181c;
    width: 100%;
    height: 100%;
    /*padding: 600px 0px 0px;*/
}
.section-ai-header-bg {
    background-color: #16181c;
    width: 100%;
    height: 100%;
    /*padding: 600px 0px 0px;*/
}
.section-cryptocurrency-header-bg {
    background-color: #16181c;
    width: 100%;
    height: 100%;
  /*  padding: 600px 0px 0px;*/
}
.section-innertech-header-bg {
   padding: 580px 0px 0px;
}
/*.section-help .list-work:before {
    height: 60%!important;
}*/
/*.section-chatbot-header-bg {
    padding: 600px 0px 0px;
}*/
.section--bg-eat-now .portfolio-img {
    max-width: 90%;
    margin: 0;
}
.codi-service{
  padding: 120px 0;
}
.section-portfolio {
    padding: 120px 0;
    text-align: center;
}
/*.development-company .list-work:before {
   height: 55%;
}*/
img{
  max-width: 100%;
}
.concept__gallery-img{
    max-width: 100%;
}
.concept__gallery-item:nth-child(2) {
    left: 25.5%;
}
.concept__gallery-item:nth-child(1) {
    left: 19%;
}
/*.section-ui-header-bg {
    padding: 600px 0px 0px;
}*/
.section--concept {
    min-height: 50vh;
}
/*.section-work .list-work:before {
    height: 90%;
}
.section-how-we .list-work:before {
    height: 55%;
}
.section-build-mobile .list-work:before {
    height: 90%;
}*/
.section-build-mobile .sec-title{
   line-height: 100px;
}
.section-integrating .sec-title {
    line-height: 100px;
    margin: 0px auto 36px;
}
.web-technology-dev .sec-title {
  line-height: 100px;
}
.section--bg-ktraining .portfolio-img {
    vertical-align: middle;
    max-height: calc(100vh - 689px);
    width: 100%;
}
.web-our-portfolio .section--bg-ktraining {
    padding-top: 80px;
    margin-bottom: 0;
}
.development-company li .sec-title {
    font-size: 18px;
}
.section--bg-ktraining{
  margin-top: -100px;
}
.section--bg-lightinthebox .portfolio-img {
    vertical-align: middle;
    max-height: calc(100vh - 689px);
    width: 100%;
}
.sticky {
    background-color: #fff;
    padding: 5px 50px 5px 30px;
    z-index: 999;
}
/*.section-about-header-bg {
  padding: 600px 0px 0px;
}*/
.section-about-header-bg .sec-para {
    font-size: 25px;}
.section--bg-homesway {
    padding: 0px 20px;}
/*.section-android-header-bg {
  padding: 580px 0px 0px;
}*/
/*.section-qa-header-bg {
    padding: 580px 0px 0px;
}*/
/*.section-support-header-bg {
    padding: 580px 0px 0px;
}*/
/*.section-notch .list-work:before {
  height: 55%;
}*/
.mobile-our-portfolio .our-portfolio {
  padding: 80px 0px 80px;
  margin: 0;
}
.sticky nav>ul{
  margin-top: 25px;
}
/*.list-work:before{
  height: 85%;
}*/
  .section-header-bg-desktop{
    height: 700px!important;
  }
nav {
  margin-top: -25px;
}
nav li p {
    padding: 35px 15px;
}
#particle-slider h1 {
  margin-top: -826px!important;
}
.particle-heading h1{
  padding: 40px;
}
.codi-service .b-more {
  left: 121px;
}
.section--bg-eat-now .portfolio-img {
   max-height: calc(100vh - 50px);
    max-width: 100%;
}
.section-portfolio{
  min-height: 1px;
}
.section-portfolio.section--bg-radpad .portfolio-img {
    max-width: 105%;
    margin: 0 0 -15% -5%;
}
.section--bg-radpad{
  margin-bottom: 0px;
  margin-top:0px;
}
.se-pat {
    margin-top: 0;
}
.section--bg-patpat {
  margin-bottom: 0;
}
.sep-zola {
    margin-top: 0;
}
.section--bg-omio {
    margin-top: 0;
}
.sep-moz {
    margin-top: 0;
}
.sep-pick {
    margin-top: 0;
    margin-bottom: 0;
}
.sep-fly {
    margin-top: 0;
}
.sep-maxim {
    margin-top: 0;
}
.section--bg-omio{
  margin-top: 0px;
}
.section--bg-homesway {
    
    margin-top:0px;
    margin-bottom: 0;
}
.section-portfolio.section--bg-homesway .portfolio-img {
    max-width: 105%;
    margin: 50% 0 24% 0%;
}
.our-portfolio{
  padding-left: 20px;
    padding-right: 20px;
}
.processboxwd .stepbx .step.st2{
  left: -14px;
}
.processboxwd .stepbx .step.st3 {
    position: absolute;
    top: -28px;
    left: 20px;
}
.processboxwd .stepbx .step.st1 {
    /* top: -60px; */
    /* top: -46px; */
    top: -3px;
    left: -17px;
    position: absolute;
}
.processboxwd .stepbx .step.st4 {
    position: absolute;
    top: 54px;
    left: 18px;
}
.processboxwd .stepbx .step.st5 {
    position: absolute;
    top: -26px;
    left: 68px;
}
.processboxwd .stepbx .step.st6 {
    position: absolute;
    top: 57px;
    left: 14px;
    left: 61px;
}
.step-process2{
  left: -88px;
}
.step-process6 {
  width: 100%!important;
  left: 45px;
}
.step-process5 {
  width: 100%!important;
  left: 110px;
}
.step-process3{
  left: 60px;
}
.socials__item {
    display: inline-block;
    margin: 0 7px;
}
}
@media screen and (max-device-width: 732px) and (orientation: landscape) {
.processboxwd .stepbx .step.st1 {
    left: auto!important;
    text-align: center!important;
}
.processboxwd .stepbx .step.st2 {
    top: -47px!important;
    left: auto!important;
}
.processboxwd .stepbx .step.st3 {
    left: auto!important;
}
.processboxwd .stepbx .step.st4 {
    top: -53px!important;
    left: auto!important;
}
.processboxwd .stepbx .step.st5 {
    top: -55px!important;
    left: auto!important;
}
.processboxwd .stepbx .step.st6 {
    top: -58px!important;
    left: auto!important;
}
}
@media screen and (max-device-width: 823px) and (orientation: landscape) {
.section-web-technologies .ui-tech .list__row {
   width: auto;
}
.development-company .platform-icon-text .list-title-img {
    width: 50%;
    display: inline-block;
}
.web-our-portfolio .portfolio-img {
    vertical-align: middle;
    max-height: calc(100vh - 100px);
    margin-left: -30px;
    /* left: 0; */
}
.list-title-img .b-more {
    left: -4px;
    /* vertical-align: middle; */
    top: 35px;
}
.list-title-img {
    padding: 0 14px;
    display: table-cell;
}
.sticky #menu-icon span {
    border: 1px solid #000;
}
.codi-service__item {
    margin: 0px 10px;
}
.codi-service__list .b-more {
    left: auto;
    position: sticky;
}
.header-menu {
  padding: 2px 30px 2px 0px;
}
#menu-icon {
   top: 25px;
}
.sticky {
  padding: 0px 20px 2px 0px;
}
#particle-slider {
  height: 476px!important;
  margin-top:46px!important;
}
#particle-slider h1 {
    margin-top: -260px!important;
}
.portfolio-img {
    padding: 15px;
    width: auto;
}
.mob-nav .mega-dropdown {
  width: 100%;
  margin-left: 5px;
}
.desk-nav{
  display: none!important;
}
.mob-nav{
    display: block!important;
    background: #ffff;
    border-radius: 20px;
    padding: 20px;
    position: absolute;
    top: 46px;
    margin-right: 10px;
    margin-left: 10px;
   /* width: 97%;*/
}
.mob-nav .mega-dropdown li a {
    color: #000!important;
    padding: 8px;
}
/*.section-android-header-bg {
   height: auto;
}*/
/*.section-android-header-bg {
    padding: 100px 0px 80px;
}*/
.section-notch .list-work:before {
    height: 224%;
}
.section-how-we .list-work:before {
    height: 236%!important;
}
#header nav a {
    color: #000;
    padding: 4px;
}
#menu-icon span {
  margin-bottom: 7px;
}
/*.section-about-header-bg {
    padding: 115px 0px 0px;
    height: 600px;
}*/
.get-btn {
  margin-right: 30px;
}


.section-header-bg-desktop{
  height: 588px;
}
.section-header-bg-desktop h2{
  font-size: 50px;
}
.section-work .list-work:before {
    height: 347%;
}
.processboxwd .stepbx .step.st1 {
  left: -40px;
}
.processboxwd .stepbx .step.st3 {
  left: 15px;
}
.processboxwd .stepbx .step.st4 {
  top: 84px;
  left: 52px;
}
.processboxwd .stepbx .step.st2 {
  top: 79px;
  left: -37px;
}
.processboxwd .stepbx .step.st5 {
  top: -7px;
  left: 111px;
}
.processboxwd .stepbx .step.st6 {
  top: 84px;
  left: 74px;
}
}
@media (min-device-width: 1000px) and (max-device-width: 1024px) and (orientation: landscape) {
  #particle-slider h1 {
    margin-top: -536px!important;
}
/*.section-about-header-bg {
    padding: 250px 0px 0px;
}*/
.section-work .list-work:before {
    height: 152%;
}
/*.section-android-header-bg {
    padding: 280px 0px 0px;
}*/
.section-notch .list-work:before {
    height: 100%;
}
.section-magic .sec-title {
    margin: 0 auto 150px;
    line-height: 100px;
}
}
@media (min-device-width: 1025px) and (max-device-width: 1366px) and (orientation: landscape) {
  #particle-slider h1 {
    margin-top: -400px!important;
}
/*.section-work .list-work:before {
    height: 119%;
}
.section-work .list-work:before {
    height: 190%;
}*/

}
@media (min-device-width: 1025px) and (max-device-width: 1330px){
#particle-slider h1 {
    margin-top: -350px!important;
}
/*.section-arvr-header-bg {
   padding: 220px 0px 0px;
}
.section-ai-header-bg {
    padding: 220px 0px 0px;
}*/
/*.section-about-header-bg {
   padding: 220px 0px 0px;
}*/
/*.section-chatbot-header-bg {
    padding: 220px 0px 0px;
}*/
/*.section-ui-header-bg {
    padding: 220px 0px 0px;
}*/
/*.section-cryptocurrency-header-bg {
    padding: 220px 0px 0px;
}*/
.section-innertech-header-bg{
   padding: 220px 0px 0px;
}
/*.section-notch .list-work:before {
    height: 110%;
}
.section-work .list-work:before {
    height: 190%;
}
.section-build-mobile .list-work:before {
    height: 190%;
}
.section-blockchain-platform .list-work:before {
    height: 116%;
}
.section-help .list-work:before {
    height: 120%;
}
.section-notch .list-work:before {
    height: 115%;
}
.section-how-we .list-work:before {
    height: 115%;
}*/
}
@media (min-device-width: 1440px) and (max-device-width: 2560px){
  #particle-slider h1 {
    margin-top: -390px!important;
}
.section--bg-lightinthebox .portfolio-img {
    max-width: 90%;
    margin: 100px 60px 0px 0px;
}
}