.mis-mobileappdev h1.banner-header, .mis-mobileappdev h2.ashrafs-header, .mis-mobileappdev h2.take-a-look-at-our-c.raleway-font-weight {  margin:0; } .mis-mobileappdev h3.mad-header.raleway-font-weight, .mis-mobileappdev h2.mad-header.raleway-font-weight {  margin-top:0;  margin-bottom:20px; } .mis-mobileappdev .content-position {  position:relative;  top:-134px; } .mis-mobileappdev .banner-1920 {  background-image:url('https://magnetoitsolutions.com/wp-content/themes/magneto/images/mobile/HeroBanner.jpg');  background-repeat:no-repeat;  background-size:cover;  height:98vh; } .mis-mobileappdev img.tab-image:hover {  cursor:pointer; } .mis-mobileappdev .button-next-pre {  position:relative;  top:-160px;  left:51%; } .mis-mobileappdev .slider-height {  height:682px; } img.mySlides {  margin:0 auto; } .mis-mobileappdev .mySlides {  display:none; } text.timer.circle-chart__percent {  color:#fff; } .mis-mobileappdev .view-case-counting {  box-sizing:border-box;  height:44px;  width:248px;  border:2px solid #fff;  color:#fff;  font-family:Raleway;  font-size:15px;  font-weight:700;  letter-spacing:1.04px;  line-height:28px;  text-align:center;  background-color:transparent;  margin:45px 0 72px; } .mis-mobileappdev .counting-chart-space {  padding-top:45px;  padding-bottom:32px; } .mis-mobileappdev .circle-chart-text {  color:#fff;  font-family:Raleway;  font-size:18px;  font-weight:500;  letter-spacing:0.1px;  line-height:26px; } .mis-mobileappdev .circle-chart {  width:50%;  padding:5px; } .mis-mobileappdev .circle-chart__circle {  animation:circle-chart-fill 2s reverse;  transform:rotate(-90deg);  transform-origin:center; } .mis-mobileappdev .circle-chart__circle--negative {  transform:rotate(-90deg) scale(1, -1); } .mis-mobileappdev .circle-chart__info {  animation:circle-chart-appear 2s forwards;  opacity:0;  transform:translateY(0.3em); } @keyframes circle-chart-fill {  to {   stroke-dasharray:0 100;  } } @keyframes circle-chart-appear {  to {   opacity:1;   transform:translateY(0);  } }  .page-id-33367 .faq-border, .page-id-51469 .faq-border, .page-id-52634 .faq-border, .page-id-37844 .faq-border {  padding:24px 24px 24px 40px !important; } .mis-mobileappdev .circle-chart {  margin:auto; } .mis-mobileappdev .Featuredchart {  width:85%;  margin:auto;  overflow:hidden;  padding:50px 0; } .mis-mobileappdev .Featuredchart h2 {  text-align:center;  margin-bottom:100px;  font-size:50px;  color:#555;  font-weight:400; } .mis-mobileappdev .grid {  width:25%;  position:relative;  float:left;  display:flex; } .mis-mobileappdev .descriptionchart {  position:absolute;  bottom:30%;  text-align:center;  width:100%; } .mis-mobileappdev .ashrafs-header {  color:#fff;  font-family:Raleway;  font-size:36px;  font-weight:500;  letter-spacing:0.2px;  line-height:48px; } .mis-mobileappdev .portfolio-space {  padding-top:64px;  padding-bottom:64px; } .mis-mobileappdev .mobile-view-only {  display:none; } .mis-mobileappdev .mobile-view-padding {  padding-bottom:25px; } .mis-mobileappdev .height-688 {  height:auto;  padding-top:50px; } .mis-mobileappdev .banner-content-space {  padding-top:130px; } .mis-mobileappdev .mobile-app-solution-space {  padding-top:100px; } .mis-mobileappdev .mobile-app-button {  background-color:linear-gradient(135deg, #f96a03 0%, #e32a68 100%) !important;  height:48px;  width:auto;  color:#fff;  font-family:Raleway;  font-size:16px;  line-height:24px;  font-weight:700;  letter-spacing:0.21px; } .page-id-34830 .mis-mobileappdev .mobile-app-button {  background:linear-gradient(135deg, #f96a03 0%, #e32a68 100%) !important; } .mis-mobileappdev .mobile-app-input {  height:44px;  width:320px;  padding-left:15px;  color:#686f7a;  font-family:Raleway;  font-size:15px;  font-weight:500;  letter-spacing:0.21px;  line-height:24px; } .mis-mobileappdev .banner-text {  width:413px;  color:#686f7a;  font-family:Raleway;  font-size:18px;  font-weight:500;  letter-spacing:0.25px;  line-height:26px;  padding-top:40px; } .mis-mobileappdev .banner-header {  color:#29303b;  font-family:Raleway;  font-size:60px;  letter-spacing:0.33px;  line-height:72px; } .mis-mobileappdev .app-image-banner {  margin:0 12% 0 19%;  background-color:#fff;  box-shadow:0 5px 10px 3px rgba(48, 123, 226, 0.1);  border-left:3px solid #30a8e2;  padding:15px 0; } .mis-mobileappdev .link-backfround-space {  padding-top:20px;  padding-bottom:70px; } .mis-mobileappdev .other-mobile-space {  padding-top:0; } .mis-mobileappdev .we-been-space {  padding-top:96px; } .mis-mobileappdev .padding-bottom-0 {  padding-bottom:0; } .mis-mobileappdev .our-expertise-text {  padding-top:235px; } .mis-mobileappdev .our-expertise {  padding:0 8% 0 5%; } .mis-mobileappdev .mad-ti-img img {  height:auto;  width:auto;  margin-bottom:24px; } .mis-mobileappdev .margin-img-74 {  margin-top:74px; } .mis-mobileappdev .link-background a {  color:#fff;  font-size:15px;  letter-spacing:0.08px;  line-height:24px;  text-align:center; } .mis-mobileappdev .featured-card {  height:278px;  width:270px;  margin:0 12px;  background-color:#fff;  box-shadow:0 5px 10px 3px rgba(48, 123, 226, 0.1); } .mis-mobileappdev .mad-main-image {  padding-bottom:50px; } .mis-mobileappdev .mad-rectangle:hover {  box-shadow:0 5px 10px 3px rgba(48, 123, 226, 0.1);  border:transparent; } .mis-mobileappdev .featured-text {  color:#8c919d;  padding-top:0;  font-size:15px;  letter-spacing:0.08px;  line-height:24px; } .mis-mobileappdev .star-text {  position:absolute;  top:10px;  height:34px;  width:61px;  color:#373e4e;  font-size:24px;  letter-spacing:0.13px;  line-height:34px; } .mis-mobileappdev .faq-border {  border-bottom:1px solid #747a86;  padding:10px 0 12px; } .mis-mobileappdev .faqanswer {  display:none;  padding:12px 0 0 0; } .mis-mobileappdev .FAQ-tabbing {  padding-top:25px;  padding-bottom:70px;  padding-left:13%;  padding-right:13%; } .mis-mobileappdev .faqanswer p {  font-size:16px;  line-height:24px;  color:#747a86;  letter-spacing:0.08px;  line-height:24px;  padding-left:0; } .mis-mobileappdev .togglefaq, a.togglefaq.raleway-font-weight:hover {  color:#2f3744;  font-size:18px;  letter-spacing:0.1px;  line-height:26px;  text-decoration:none;  padding:0;  display:block;  margin-bottom:0; } .icon-plus {  color:#000;  margin-right:20px;  font-size:20px;  float:left; } .mis-mobileappdev .icon-minus {  color:#000;  margin-right:20px;  font-size:20px;  float:left; } .mis-mobileappdev a.togglefaq.raleway-font-weight:before {  content:url('https://magnetoitsolutions.com/wp-content/uploads/2024/04/MAD-Plus.svg') !important;  position:absolute !important;  background-position:center !important;  background-repeat:no-repeat !important;  top:24px !important;  left:0 !important;  margin-right:12px !important;  width:24px !important;  height:24px !important; } .mis-mobileappdev a.togglefaq.raleway-font-weight.active-custom:before {  content:url('https://magnetoitsolutions.com/wp-content/uploads/2024/04/MAD-Minus.svg') !important;  position:absolute !important;  background-position:center !important;  background-repeat:no-repeat !important;  left:0 !important;  top:24px !important;  margin-right:12px !important;  width:24px !important;  height:24px !important; } .mis-mobileappdev span.togglefaq.raleway-font-weight:before {  content:url('https://magnetoitsolutions.com/wp-content/uploads/2024/04/MAD-Plus.svg');  position:absolute;  background-position:center;  background-repeat:no-repeat;  left:0;  top:24px;  margin-right:12px;  width:24px;  height:24px; } .mis-mobileappdev span.togglefaq.raleway-font-weight.active-custom:before {  content:url('https://magnetoitsolutions.com/wp-content/uploads/2024/04/MAD-Minus.svg');  position:absolute;  background-position:center;  background-repeat:no-repeat;  left:0;  top:24px;  margin-right:12px;  width:24px;  height:24px; } .mis-mobileappdev .mySlides {  display:none; } .mis-mobileappdev .display-table {  display:table; } .mis-mobileappdev .display-table-cell-middle {  display:table-cell;  vertical-align:middle; } .mis-mobileappdev .choose-rectangle {  height:64px;  background:linear-gradient(135deg, #3072e2 0%, #30a8e2 100%);  color:#fff;  font-size:18px;  letter-spacing:0.25px;  line-height:26px;  display:table-cell;  vertical-align:middle;  padding-left:15px;  box-shadow:0 5px 10px 0 rgba(48, 123, 226, 0.3); } .mis-mobileappdev .col-md-12.mad-ti-img.padding-left-right-0 img {  box-shadow:0 1px 5px 0 rgba(48, 123, 226, 0.3); } .mis-mobileappdev .col-md-12.gallery-image-position {  position:absolute;  bottom:16px;  left:0; } .mis-mobileappdev .gallery-image-text {  height:26px;  width:194px;  color:#fff;  font-size:18px;  letter-spacing:0.1px;  line-height:26px; } .mis-mobileappdev .tab-image {  padding-top:25px; } .mis-mobileappdev .take-a-look-at-our-c {  color:#29303b;  font-size:36px;  letter-spacing:0.2px;  line-height:48px;  text-align:center; } .mis-mobileappdev .we-did-a-great-job-w {  height:auto;  color:#686f7a;  font-size:18px;  letter-spacing:0.25px;  line-height:26px;  text-align:center;  padding-bottom:77px; } .mis-mobileappdev .our-portfolio {  height:34px;  color:#fff;  font-size:24px;  letter-spacing:0.13px;  line-height:34px;  text-align:center; } .mis-mobileappdev .padding-left-right-0 {  padding-left:0;  padding-right:0; } .mis-mobileappdev .mad-text {  height:auto;  color:#2f3744;  font-size:16px;  line-height:24px;  letter-spacing:0.08px;  text-align:center; } .mis-mobileappdev .mad-card {  padding-right:0;  padding-bottom:0; } .mis-mobileappdev .mad-image {  padding:0 !important;  margin-bottom:14px; } .mis-mobileappdev .mad-rectangle {  text-align:center;  box-sizing:border-box;  display:flex;  justify-content:center;  align-items:center;  flex-direction:column;  height:176px;  border:1px solid #e5e5e5;  background-color:#fff; } .mis-mobileappdev .mad-header {  color:#29303b;  font-family:Raleway;  font-weight:500;  font-size:24px;  letter-spacing:0.13px;  line-height:34px;  text-align:center; } .mis-mobileappdev .raleway-font-weight {  font-family:Raleway;  font-weight:500; } .mis-mobileappdev .mad-header-text {  height:78px;  color:#acafba;  font-size:18px;  letter-spacing:0.25px;  line-height:26px;  text-align:center;  margin-bottom:62px; } .mis-mobileappdev .w3-content.w3-display-container {  padding-top:70px; } .mis-mobileappdev .slider-height {  margin-bottom:0; } .mis-mobileappdev .padding-top-32 {  padding-top:32px; } .mis-mobileappdev .whyusreasons .choose-width {  padding-bottom:24px; } .mis-mobileappdev .whyusreasons .choose-width:nth-child(even) {  padding-left:0; } .mis-mobileappdev .col-md-3.featured-card {  margin-bottom:24px; } .mis-mobileappdev .our-expertise-text {  padding-top:0; } .mis-mobileappdev .padding-left-right-0 {  padding:15px; } .mis-mobileappdev .featured-card {  width:275px; } .mis-mobileappdev .app-image-banner {  margin:0 5%; } .mis-mobileappdev ul#cd-primary-nav>li.head-fix-icon.contact-menu.right-menu1 a {  color:#686f7a !important;  border-color:#000 !important;  background:#fff; } .mis-portfolio .fade-slide {  -webkit-animation:fadeInFromNone 2s ease-out;  -moz-animation:fadeInFromNone 2s ease-out;  -o-animation:fadeInFromNone 2s ease-out;  animation:fadeInFromNone 2s ease-out; } @-webkit-keyframes fadeInFromNone {  0% {   display:none;   opacity:0;  }  1% {   display:block;   opacity:0;  }  100% {   display:block;   opacity:1;  } } .content-position {  position:relative;  top:-134px; } .banner-1920 {  background-image:url('/wp-content/themes/magneto/images/vasim/HeroBanner.jpg');  background-repeat:no-repeat;  background-size:cover;  height:98vh; } img.tab-image:hover {  cursor:pointer; } .button-next-pre {  position:relative;  top:-160px;  left:51%; } .slider-height {  height:690px; } img.mySlides {  margin:0 auto; } .mySlides {  display:none; } text.timer.circle-chart__percent {  color:#fff; } .view-case-counting {  box-sizing:border-box;  height:44px;  width:248px;  border:2px solid #fff;  color:#fff;  font-family:Raleway;  font-size:15px;  font-weight:700;  letter-spacing:1.04px;  line-height:28px;  text-align:center;  background-color:transparent;  margin:45px 0 72px; } .counting-chart-space {  padding-top:45px;  padding-bottom:32px; } .circle-chart-text {  color:#fff;  font-family:Raleway;  font-size:18px;  font-weight:500;  letter-spacing:0.1px;  line-height:26px; } .circle-chart {  width:50%;  padding:5px; } .circle-chart__circle {  animation:circle-chart-fill 2s reverse;  transform:rotate(-90deg);  transform-origin:center; } .circle-chart__circle--negative {  transform:rotate(-90deg) scale(1, -1); } .circle-chart__info {  animation:circle-chart-appear 2s forwards;  opacity:0;  transform:translateY(0.3em); } @keyframes circle-chart-fill {  to {   stroke-dasharray:0 100;  } } @keyframes circle-chart-appear {  to {   opacity:1;   transform:translateY(0);  } } .circle-chart {  margin:auto; } .Featuredchart {  width:85%;  margin:auto;  overflow:hidden;  padding:50px 0; } .Featuredchart h2 {  text-align:center;  margin-bottom:100px;  font-size:50px;  color:#555;  font-weight:400; } .descriptionchart {  position:absolute;  bottom:30%;  text-align:center;  width:100%; } .ashrafs-header {  color:#fff;  font-family:Raleway;  font-size:36px;  font-weight:500;  letter-spacing:0.2px;  line-height:48px; } .portfolio-space {  padding-top:64px;  padding-bottom:64px; } .padding-left-0 {  padding-left:0; } .mobile-view-only {  display:none; } .mobile-view-padding {  padding-bottom:25px; } .height-688 {  height:688px;  padding-top:50px; } .banner-content-space {  padding-top:130px; } .mobile-app-solution-space {  padding-top:100px; } .mobile-app-button {  background-color:#489f42;  height:44px;  width:152px;  color:#fff;  font-family:Raleway;  font-size:15px;  font-weight:700;  letter-spacing:0.21px;  line-height:24px; } .mobile-app-input {  height:44px;  width:320px;  padding-left:15px;  color:#686f7a;  font-family:Raleway;  font-size:15px;  font-weight:500;  letter-spacing:0.21px;  line-height:24px; } .banner-text {  width:413px;  color:#686f7a;  font-family:Raleway;  font-size:18px;  font-weight:500;  letter-spacing:0.25px;  line-height:26px;  padding-top:40px; } .banner-header {  color:#29303b;  font-family:Raleway;  font-size:60px;  letter-spacing:0.33px;  line-height:72px; } .app-image-banner {  margin:0 12% 0 19%;  background-color:#fff;  box-shadow:0 5px 10px 3px rgba(48, 123, 226, 0.1);  border-left:3px solid #30a8e2;  padding:15px 0; } .link-backfround-space {  padding-top:20px;  padding-bottom:150px; } .other-mobile-space {  padding-top:80px; } .we-been-space {  padding-top:96px; } .padding-bottom-0 {  padding-bottom:0; } .our-expertise-text {  padding-top:235px; } .our-expertise {  padding:0 8% 0 5%; } .mad-ti-img img {  height:153px;  width:153px;  margin-bottom:24px; } .margin-img-74 {  margin-top:74px; } .link-background a {  color:#fff;  font-size:15px;  letter-spacing:0.08px;  line-height:24px;  text-align:center; } .featured-card {  height:278px;  width:270px;  margin:0 12px;  background-color:#fff;  box-shadow:0 5px 10px 3px rgba(48, 123, 226, 0.1); } .mad-main-image {  padding-bottom:50px; } .mad-rectangle:hover {  box-shadow:0 5px 10px 3px rgba(48, 123, 226, 0.1);  border:none !important; } .featured-text {  color:#8c919d;  padding-top:18px;  font-size:15px;  letter-spacing:0.08px;  line-height:24px; } .star-text {  position:relative;  top:5px;  height:34px;  width:61px;  color:#373e4e;  font-size:24px;  letter-spacing:0.13px;  line-height:34px; } .faq-border {  border-bottom:1px solid #747a86;  padding:24px 24px 24px 40px;  position:relative; } .faqanswer {  display:none;  padding:12px 0 0 0; } .FAQ-tabbing {  padding-top:25px;  padding-bottom:70px;  padding-left:13%;  padding-right:13%; } .faqanswer p {  font-size:13px;  line-height:17px;  color:#747a86;  font-size:15px;  letter-spacing:0.08px;  line-height:24px;  padding-left:29px; } .togglefaq, a.togglefaq.raleway-font-weight:hover {  color:#2f3744;  font-size:18px;  letter-spacing:0.1px;  line-height:26px;  text-decoration:none;  padding:0;  display:block;  margin-bottom:0; } .icon-plus {  color:#000;  margin-right:20px;  font-size:20px;  float:left; } .icon-minus {  color:#000;  margin-right:20px;  font-size:20px;  float:left; } p {  margin:0;  padding:0; } .mySlides {  display:none; } .display-table {  display:table; } .display-table-cell-middle {  display:table-cell;  vertical-align:middle; } .choose-rectangle {  height:64px;  background:linear-gradient(135deg, #3072e2 0%, #30a8e2 100%);  color:#fff;  font-size:18px;  letter-spacing:0.25px;  line-height:26px;  display:table-cell;  vertical-align:middle;  padding-left:15px;  box-shadow:0 5px 10px 0 rgba(48, 123, 226, 0.3); } .col-md-12.mad-ti-img.padding-left-right-0 img {  box-shadow:0 1px 5px 0 rgba(48, 123, 226, 0.3); } .col-md-12.gallery-image-position {  position:absolute;  bottom:16px;  left:0; } .gallery-image-text {  height:26px;  width:194px;  color:#fff;  font-size:18px;  letter-spacing:0.1px;  line-height:26px; } .tab-image {  padding-top:25px; } .take-a-look-at-our-c {  color:#29303b;  font-size:36px;  letter-spacing:0.2px;  line-height:48px;  text-align:center; } .we-did-a-great-job-w {  height:26px;  color:#686f7a;  font-size:18px;  letter-spacing:0.25px;  line-height:26px;  text-align:center;  padding-bottom:77px; } .our-portfolio {  height:34px;  color:#fff;  font-size:24px;  letter-spacing:0.13px;  line-height:34px;  text-align:center; } .padding-left-right-0 {  padding-left:0;  padding-right:0; } .mis-mobileapp .mad-text {  height:24px;  color:#2f3744;  font-size:15px;  letter-spacing:0.08px;  line-height:24px;  text-align:center; } .mis-mobileapp .mad-card {  padding-right:0;  padding-bottom:24px; } .mis-mobileapp .mad-image {  padding-top:50px;  padding-bottom:32px; } .mis-mobileapp .mad-rectangle {  text-align:center;  box-sizing:border-box;  height:176px;  border:1px solid #e5e5e5;  background-color:#fff; } .mis-mobileapp .mad-header {  color:#29303b;  font-family:Raleway;  font-weight:500;  font-size:24px;  letter-spacing:0.13px;  line-height:34px;  text-align:center; } .raleway-font-weight {  font-family:Raleway;  font-weight:500; } .mad-header-text {  height:78px;  color:#acafba;  font-size:18px;  letter-spacing:0.25px;  line-height:26px;  text-align:center;  margin-bottom:62px; } .w3-content.w3-display-container {  padding-top:70px; } .slider-height {  margin-bottom:35px; } .pad-top-60 {  padding-top:60px; } .other-service-image {  background-repeat:no-repeat;  background-position:left;  background-size:contain;  width:146px;  height:105px;  float:left;  margin:0 8px; } .mis-mobileappdev .display-flex {  display:flex; } .mis-mobileappdev .margin-auto {  margin:auto; } .mis-mobileappdev .col-md-2.col-sm-6.icon-width-featured {  text-align:center; } .mis-mobileappdev .pad-top-75 {  padding-top:75px; } .mis-mobileappdev .pad-bot-96 {  padding-bottom:1px; } .mis-mobileappdev header {  background-color:#fff; } .FAQ-background {  background-repeat:no-repeat;  background-position:right;  background-size:contain; } .features-background {  background-repeat:no-repeat;  background-position:left;  background-size:contain; } .our-expertise-background {  background-repeat:no-repeat;  background-position:right;  background-size:contain;  margin-top:106px; } .features-on-background {  background-repeat:no-repeat;  background-position:left;  background-size:contain; } .features-on-row {  padding-top:20px;  padding-bottom:96px; } .mobile-card-background {  background-repeat:no-repeat;  background-position:right;  background-size:contain; } .link-background.display-table.other-service-image {  margin-bottom:10px; } p#zsiq_byline {  padding-bottom:0 !important; } .bg-MADStar {  width:24px;  height:24px;  background:url('https://magnetoitsolutions.com/wp-content/themes/magneto/images/mobile/mobile_sprites.png') -10px -76px; } .bg-MADNext {  width:46px;  height:46px;  background:url('https://magnetoitsolutions.com/wp-content/themes/magneto/images/mobile/mobile_sprites.png') -76px -10px;  margin-bottom:0; } .bg-MADPrev {  width:46px;  height:46px;  background:url('https://magnetoitsolutions.com/wp-content/themes/magneto/images/mobile/mobile_sprites.png') -10px -10px;  margin:0; } h2.take-a-look-at-our-c.raleway-font-weight.text-left.padding-bottom-0 {  text-align:left;  margin-top:150px; } @media only screen and (max-width:1440px) {  .banner-1920 {   background-image:url('/wp-content/themes/magneto/images/vasim/HeroBanner1366.jpg');   background-repeat:no-repeat;   background-size:cover;  }  .mis-mobileappdev .circle-chart {   width:80%;  } } @media only screen and (max-width:1024px) {  .mis-mobileappdev .mad-rectangle {   height:180px;  }  .col-md-3.featured-card {   margin-bottom:24px;  }  .expertise-full-width {   width:100%;  }  .our-expertise-text {   padding-top:0;  }  .padding-left-right-0 {   padding-left:15px;   padding-right:15px;  }  .featured-card {   width:299px;  }  .app-image-banner {   margin:0 5%;  }  .slider-full-width {   width:100%;  }  .button-next-pre {   position:relative;   left:50px;  } } @media only screen and (max-width:991px) {  .mis-mobileappdev .mad-ti-img img {   height:auto;   width:153px;   margin-bottom:24px;  }  .mis-mobileappdev .mad-header-text {   margin-bottom:0;  }  .mis-mobileappdev .we-been-space {   padding-top:40px;  }  .mis-mobileappdev .other-mobile-space {   padding-top:40px;  }  .mis-mobileappdev .image-center {   text-align:center;  }  .mis-mobileappdev .pad-bot-96 {   padding-bottom:40px;  }  .mis-mobileappdev .pad-top-75 {   padding-top:40px;  }  .mis-mobileappdev .mobile-app-solution-space {   padding-top:0;  }  .mis-mobileappdev img.gallery-image {   width:100%;   height:150px;   border-radius:20px;   object-fit:cover;  }  .mis-mobileappdev .col-md-4.text-center.padding-left-right-0.counting-width {   width:33%;   display:inline-block;  }  .mis-mobileappdev .banner-header {   font-size:45px;  }  .mis-mobileappdev .app-image-banner {   margin:0;  }  .mis-mobileappdev .col-md-4.display-table {   width:32.33%;   display:inline-block;  }  .mis-mobileappdev .image-box.display-table-cell-middle {   display:block;  }  .mis-mobileappdev .our-brillint-width-30 {   width:30%;   float:left;   padding-top:60px;  }  .mis-mobileappdev .our-brillint-width-70 {   width:70%;   float:right;  }  .mis-mobileappdev .col-md-3.mad-card {   width:50%;   float:left;  }  .mis-mobileappdev .tab-image-center {   text-align:center;   margin-bottom:50px;   margin-top:100px;  }  .mis-mobileappdev .tab-width-50 {   width:100px;   float:left;  }  .mis-mobileappdev .tab-image {   padding-top:0;  }  .mis-mobileappdev .icon-width {   width:25%;   float:left;  }  .mis-mobileappdev .col-md-3.padding-left-right-0.image-width {   width:50%;   float:left;   margin-bottom:24px;  }  .mis-mobileappdev .col-md-12.gallery-image-position {   left:45px;  }  .mis-mobileappdev .col-md-4.padding-left-right-0.image-width {   width:50%;   float:left;   margin-bottom:24px;  }  .mis-mobileappdev .choose-width {   width:50%;   float:left;  }  .mis-mobileappdev .col-md-3.featured-card {   width:46%;   float:left;  }  .mis-mobileappdev .col-md-3.padding-left-right-0.our-expertise-width {   width:25%;   float:left;  }  .mis-mobileappdev .banner-1920 {   height:80vh;  }  .mis-mobileappdev .content-position {   position:relative;   top:-74px !important;  }  .mis-mobileappdev .mad-header-text {   height:auto !important;  }  .mis-mobileappdev .slider-height {   height:729px !important;  }  img.gallery-image.lazyloading {   width:100%;   height:165px !important;   object-fit:cover !important;   border-radius:25px !important;  }  .mis-mobileappdev .height-688 {   height:auto !important;  }  .mis-mobileappdev .link-backfround-space {   padding-bottom:50px !important;   padding-top:40px !important;  }  .mis-mobileappdev .tab-image {   position:relative !important;   top:50px !important;  }  .our-expertise-background {   margin-top:30px !important;  }  .features-on-row {   padding-top:40px;   padding-bottom:0 !important;  }  .col-md-4.text-center.padding-left-right-0.counting-width {   width:33%;   display:inline-block;  }  .banner-header {   font-size:45px;  }  .app-image-banner {   margin:0;  }  .col-md-4.display-table {   width:32.33%;   display:inline-block;  }  .image-box.display-table-cell-middle {   display:block;  }  .our-brillint-width-30 {   width:30%;   float:left;   padding-top:60px;  }  .our-brillint-width-70 {   width:70%;   float:right;  }  .col-md-3.mad-card {   width:50%;   float:left;  }  .tab-image-center {   text-align:center;   margin-bottom:50px;  }  .tab-width-50 {   width:100px;   float:left;  }  .tab-image {   padding-top:0;  }  .icon-width {   width:25%;   float:left;  }  .col-md-12.gallery-image-position {   left:45px;  }  .choose-width {   width:50%;   float:left;  }  .col-md-3.featured-card {   width:46%;   float:left;  }  .col-md-3.padding-left-right-0.our-expertise-width {   width:25%;   float:left;  }  .featured-padding-image {   padding-bottom:24px;  }  .banner-1920 {   height:63vh;  }  .mis-mobileappdev .expertise-full-width {   width:100%;  }  h2.take-a-look-at-our-c.raleway-font-weight.text-left.padding-bottom-0 {   text-align:left;   margin-top:0;   margin-bottom:25px;  }  .mis-mobileappdev .we-did-a-great-job-w {   padding-bottom:0;  } } @media only screen and (max-width:980px) {  .mis-mobileappdev header#nav a.cd-logo.logo-white {   width:100%;   background-color:#000;  }  .mis-mobileappdev header#nav .cd-logo {   top:37px;  }  #mg-wprm-wrap {   overflow:auto;   height:90%;  } } @media only screen and (max-width:768px) {  .mis-mobileappdev .col-md-3.padding-left-right-0.our-expertise-width {   text-align:center;  }  .mis-mobileappdev .mad-card {   padding-right:0;   padding-left:0;   width:calc(50% - 24px);  }  .mis-mobileappdev .col-md-12.link-backfround-space.display-flex {   padding:0 6%;  }  .mis-mobileappdev .height-688 {   padding-top:0;  }  .mis-mobileappdev .col-md-4.text-center.padding-left-right-0.counting-width {   width:30%;   display:inline-block;  }  .mis-mobileappdev .slider-height {   height:670px !important;  }  .mis-mobileappdev .tab-image {   position:unset !important;   top:0 !important;  }  .col-md-4.text-center.padding-left-right-0.counting-width {   width:30%;   display:inline-block;  }  .mis-mobileappdev .col-md-4.text-center.padding-left-right-0.counting-width {   width:31% !important;  }  .mis-mobileappdev .our-brillint-width-30 {   width:30%;   float:left;   padding-top:60px;   display:none;  }  .mis-mobileappdev .our-brillint-width-70 {   width:100%;   float:right;  }  .mis-mobileappdev .col-md-3.mad-card {   width:33.33%;   float:left;  } } @media only screen and (max-width:767px) {  .pad-top-60 {   padding-top:0;  }  .mis-mobileappdev .mad-rectangle {   height:100%;  }  .mis-mobileappdev .slider-height {   height:auto !important;  }  .mis-mobileappdev .icon-width-featured {   width:50%;   float:left;  }  .mis-mobileappdev .col-md-3.featured-card {   width:95%;   float:left;  }  .icon-width-featured {   width:50%;   float:left;  }  .col-md-3.featured-card {   width:95%;   float:left;  }  .mis-mobileappdev .col-md-3.mad-card {   width:50%;   float:left;  }  .bg-MADNext {   margin-top:0;  } } @media only screen and (max-width:600px) {  .mis-mobileappdev .we-did-a-great-job-w {   padding-bottom:0;  }  .mis-mobileappdev .whyusreasons {   margin-bottom:24px;  }  .mis-mobileappdev .w3-content.w3-display-container {   padding-top:25px;  }  .mis-mobileappdev .we-been-space {   padding-top:30px;  }  .mis-mobileappdev .col-md-12.link-backfround-space.display-flex {   padding:0 10%;  }  .mis-mobileappdev .pad-top-75 {   padding-top:30px;  }  .mis-mobileappdev .pad-bot-96 {   padding-bottom:45px;  }  .mis-mobileappdev .mobile-app-solution-space {   padding-top:0 !important;  }  .mis-mobileappdev .banner-header {   line-height:50px;  }  section.banner-1920 .col-md-12 {   text-align:center;  }  .mis-mobileappdev .banner-text {   padding-top:15px;  }  .mis-mobileappdev .slider-height {   height:auto !important;   padding-bottom:50px;  }  .col-md-12.plus-div {   padding-top:0 !important;  }  .mis-mobileappdev .button-next-pre {   position:relative;   left:33%;   width:100%;   text-align:center;   display:flex;   top:-67px !important;  }  .mis-mobileappdev form.banner-form {   top:-22px;  }  .mis-mobileappdev .col-md-3.featured-card {   width:95%;   float:left;  }  .mis-mobileappdev .mobile-view-padding {   padding-bottom:25px;  }  .mis-mobileappdev .col-md-3.padding-left-right-0.our-expertise-width {   width:50%;   float:left;  }  .mis-mobileappdev .margin-img-74 {   margin-top:0;  }  .mis-mobileappdev .height-688 {   height:auto;  }  .mis-mobileappdev .mad-header-text {   height:auto;  }  .mis-mobileappdev .mobile-view-only {   display:block;   text-align:center;  }  .mis-mobileappdev .desktop-view-only {   display:none;  }  .mis-mobileappdev .content-position {   position:relative;   top:-73px;  }  .mis-mobileappdev .content-position {   top:-34px !important;  }  .mis-mobileappdev .banner-header {   font-size:23px !important;   margin-bottom:15px;  }  .mis-mobileappdev .banner-text {   font-size:14px;   margin-top:15px;   padding-bottom:0;  }  .mis-mobileappdev .slider-height {   height:600px;  }  .mis-mobileappdev .col-md-3.featured-card {   width:44% !important;   float:left;   height:460px;  }  .mis-mobileappdev .col-md-3.padding-left-right-0.our-expertise-width {   width:50% !important;   float:left;  }  .mis-mobileappdev .padding-top-32 {   padding-top:24px !important;  }  .mis-mobileappdev .banner-text {   width:100%;  }  .col-md-3.featured-card {   width:95%;   float:left;  }  .mobile-view-padding {   padding-bottom:25px;  }  .col-md-3.padding-left-right-0.our-expertise-width {   width:50%;   float:left;  }  .margin-img-74 {   margin-top:0;  }  .height-688 {   height:auto;  }  .mad-header-text {   height:auto;  }  .mobile-view-only {   display:block;   text-align:center;  }  .desktop-view-only {   display:none;  }  .content-position {   position:relative;   top:-73px;  }  .button-next-pre {   position:relative;   left:20px;  } } @media only screen and (max-width:480px) {  .col-md-12.portfolio-space,  .col-md-6.slider-full-width .col-md-12 {   text-align:center;  }  .mis-mobileappdev .col-md-12.text-center.circle-chart-text.padding-left-right-0 {   width:100%;   display:contents;  }  .mis-mobileappdev .col-md-3.featured-card {   height:350px;  }  .mis-mobileappdev .height-688 {   padding-top:0;  }  .mis-mobileappdev .we-been-space {   padding-top:30px;  }  .mis-mobileappdev .col-md-12.link-backfround-space.display-flex {   padding:0 12%;  }  .mis-mobileappdev .col-md-6.display-table.choose-width {   padding:0;   padding-bottom:24px;  }  .mis-mobileappdev .col-md-3.padding-left-right-0.image-width.padding-top-32 {   margin-bottom:0;  }  .mis-mobileappdev .col-md-4.padding-left-right-0.image-width.padding-top-32:not( :nth-child(5)) {   margin-bottom:0;  }  .mis-mobileappdev .our-brillint-width-70 {   padding-left:15px;  }  .mis-mobileappdev .col-md-12.gallery-image-position {   left:0;   right:0;   text-align:center;  }   .mis-mobileappdev .our-brillint-width-30 {   width:100%;   float:unset;   padding-top:0;   text-align:center;  }  .mis-mobileappdev .our-brillint-width-70 {   width:100%;   float:unset;  }  .mis-mobileappdev .padding-top-74 {   padding-top:0;  }  .mis-mobileappdev .col-md-3.padding-left-right-0.image-width,  .col-md-4.padding-left-right-0.image-width {   width:100%;   float:unset;   margin-bottom:0;  }  .mis-mobileappdev .gallery-image {   width:100%;   height:130px;  }  .mis-mobileappdev .choose-width {   width:100%;  }  .mis-mobileappdev .padding-top-32 {   padding-top:15px !important;  }  .mis-mobileappdev .padding-left-0 {   padding-left:15px;  }  .mis-mobileappdev .whyusreasons .choose-width:nth-child(even) {   padding-left:0;  }  .mis-mobileappdev .FAQ-tabbing {   padding-left:20px;   padding-right:20px;  }  .mis-mobileappdev .col-md-4.text-center.padding-left-right-0.counting-width {   width:276px !important;   display:inline-block;   text-align:center;   padding-bottom:15px;  }  .mis-mobileappdev .slider-height {   height:536px;  }  .mis-mobileappdev .col-md-4.padding-left-right-0.image-width {   width:100% !important;   float:left;   margin-bottom:15px;  }  .mis-mobileappdev .our-brillint-width-70 {   width:100%;   text-align:center;   float:right;  }  .mis-mobileappdev .whyusreasons {   margin-top:0 !important;  }  .our-brillint-width-30 {   width:100%;   float:unset;   padding-top:0;   text-align:center;  }  .our-brillint-width-70 {   width:100%;   float:unset;  }  .padding-top-74 {   padding-top:0;  }  .gallery-image {   width:100%;   height:130px;  }  .choose-width {   width:100%;  }  .padding-left-0 {   padding-left:15px;  }  .FAQ-tabbing {   padding-left:20px;   padding-right:20px;  }  .col-md-4.text-center.padding-left-right-0.counting-width {   width:276px;   display:inline-block;   text-align:center;   padding-bottom:15px;  } } @media only screen and (max-width:414px) {  .margin-row {   margin:0 !important;  }  .mis-mobileappdev .col-md-3.featured-card {   height:auto;   width:94% !important;  }  section.features-background {   padding-top:0 !important;  }  .mis-mobileappdev .col-md-12.link-backfround-space.display-flex {   padding:0 25%;  }  .mis-mobileappdev .button-next-pre {   left:29%;  } } @media only screen and (max-width:414px) {  .mis-mobileappdev .col-md-3.featured-card {   height:auto;   width:92% !important;  } } @media only screen and (max-width:412px) {  .mis-mobileappdev .button-next-pre {   position:relative;   top:-50px;  }  .mis-mobileappdev .button-next-pre {   position:relative;   top:-170px !important;   text-align:center;   left:0 !important;  }  .col-md-6.display-table.choose-width {   padding:10px 0 !important;  }  .mis-mobileappdev .col-md-3.featured-card {   width:92% !important;   float:left;  }  .mis-mobileappdev .banner-text {   width:auto !important;   padding-top:0 !important;  }  .button-next-pre {   position:relative;   top:-50px;  } } @media only screen and (max-width:375px) {  .mis-mobileappdev .button-next-pre {   left:30% !important;  }  .col-md-12.mobile-view-only img {   padding-top:50px !important;  }  .mis-mobileappdev .mobile-app-input {   width:100% !important;  } } @media only screen and (max-width:320px) {  .mis-mobileappdev .button-next-pre {   left:26% !important;  } } @media only screen and (max-width:1440px) {  .mis-mobileappdev .banner-1920 {   background-image:url('https://magnetoitsolutions.com/wp-content/themes/magneto/images/mobile/HeroBanner1366.jpg');   background-repeat:no-repeat;   background-size:cover;   height:98vh;  }  .mis-mobileappdev .slider-height {   height:745px;  }  .mis-mobileappdev .banner-1920 {   height:96vh;  } } @media only screen and (max-width:1366px) {  .mis-mobileappdev .banner-1920 {   height:95vh;  }  .mis-mobileappdev .slider-height {   height:725px;  }  .col-md-6.slider-full-width {   padding-left:55px;  } } @media only screen and (max-width:1280px) {  .mis-mobileappdev .slider-height {   height:669px;  } } @media only screen and (max-width:1024px) {  .mis-mobileappdev .banner-1920 {   height:35vh;  }  .mis-mobileappdev .featured-card {   margin-bottom:24px;  }  .mis-mobileappdev .our-expertise-background {   margin-top:40px;  }  .container-fluid.mis-portfolio {   height:auto;  }  .mis-mobileappdev .slider-height {   margin-bottom:0;  }  .mis-mobileappdev .button-next-pre {   left:4%;  }  .col-md-6.slider-full-width {   padding-left:24px;  }  .mis-mobileappdev .circle-chart {   width:60%;  }  .mis-mobileappdev .portfolio-space {   padding-bottom:30px;  } } @media only screen and (max-width:991px) {  .mis-mobileappdev .banner-1920 {   height:60vh;  } } @media only screen and (max-width:840px) {  .mis-mobileappdev .banner-1920 {   height:47vh;  } } @media only screen and (max-width:768px) {  .mis-mobileappdev .banner-1920 {   height:42vh;  }  .mis-mobileappdev .circle-chart {   width:90%;  } } @media (min-width:481px) and (max-width:767px) {  .mis-mobileappdev .testinomial .tab-image {   padding:35px 0;   margin:0 16%;  }  .mis-mobileappdev .take-a-look-at-our-c {   font-size:31px !important;  }  .mis-mobileappdev .mis-portfolio .portfolio-space {   padding-top:64px;   padding-bottom:12px;  }  .mis-mobileappdev .raleway-font-weight {   font-size:18px;   line-height:26px;  }  .mis-mobileappdev .link-backfround-space {   margin:0 50px;  }  .mis-mobileappdev .icon-width-featured img {   max-height:180px;   height:80px;  }  .mis-mobileappdev .icon-width-featured {   text-align:center !important;  }  .mis-mobileappdev #blog h3 {   color:#29303b !important;   font-size:34px !important;   letter-spacing:0.2px !important;   line-height:48px !important;   font-family:Raleway;   font-weight:500;  }  .mis-mobileappdev .banner-header {   line-height:51px;  }  .mis-mobileappdev .mis-portfolio .counting-width {   padding-bottom:28px;  }  .mis-mobileappdev .our-brillint-width-30 {   width:100% !important;   padding-top:60px;   text-align:center !important;  }  .mis-mobileappdev .our-brillint-width-70 {   width:100% !important;  }  .mis-mobileappdev .col-md-4.text-center.padding-left-right-0.counting-width {   width:32% !important;  }  .mis-mobileappdev .circle-chart {   width:100% !important;  }  .mis-mobileappdev text.timer.circle-chart__percent {   font-size:9px;  }  .mis-mobileappdev .testinomial .tab-image {   padding:35px 0;   margin:0 24%;  }  .main-form-div {   margin-top:35px;  } } @media only screen and (max-width:600px) {  button.block-see-more {   margin-bottom:30px;  }  .mis-mobileappdev .button-next-pre {   left:38%;  }  .mis-mobileappdev .choose-rectangle {   height:80px;  } } @media only screen and (max-width:480px) {  .mis-mobileappdev .banner-1920 {   height:58vh;  }  .mis-mobileappdev .banner-text {   width:auto;  }  .mis-mobileappdev .button-next-pre {   left:33%;  }  .mis-mobileappdev .col-md-4.text-center.padding-left-right-0.counting-width {   width:100% !important;  }  .mis-mobileappdev .circle-chart {   width:50%;  } } @media (min-width:320px) and (max-width:480px) {  .mis-mobileappdev .testinomial .tab-image {   padding:0;   margin:35px 16%;  }  .mis-mobileappdev .counting-chart-space {   text-align:center;  }  .mis-mobileappdev .take-a-look-at-our-c {   font-size:23px !important;  }  .mis-mobileappdev .mis-portfolio .portfolio-space {   padding-top:64px;   padding-bottom:12px;  }  .mis-mobileappdev .whyusreasons {   margin:24px 0;  }  .mis-mobileappdev .icon-width-featured {   width:100% !important;   text-align:center !important;  }  .mis-mobileappdev #blog h3 {   color:#29303b !important;   font-size:34px !important;   letter-spacing:0.2px !important;   line-height:48px !important;   font-family:Raleway;   font-weight:500;  }  .mis-mobileappdev .we-been-space,  .mis-mobileappdev .features-background {   padding-top:50px;  }  .mis-mobileappdev .banner-header {   line-height:51px;  }  .mis-mobileappdev .mis-portfolio .counting-width {   padding-bottom:28px;  } } @media only screen and (max-width:414px) {  .mis-mobileappdev .banner-1920 {   height:68vh;  }  .mis-mobileappdev .button-next-pre {   position:relative;   top:-70px !important;   text-align:center;   left:27% !important;  } } @media only screen and (max-width:375px) {  .mis-mobileappdev .banner-1920 {   height:68vh;  } } @media only screen and (max-width:360px) {  .mis-mobileappdev .slider-height {   height:440px;  }  .mis-mobileappdev .banner-1920 {   height:78vh;  } } @media only screen and (max-width:320px) {  .mis-mobileappdev .banner-1920 {   height:90vh;  } } @media (min-width:768px) and (max-width:991px) {  .mis-mobileappdev .col-md-2.col-sm-6.icon-width-featured {   min-height:70px;  } } @media (max-width:767px) {  .mis-mobileappdev .FAQ-tabbing {   padding-left:5%;   padding-right:5%;  } } @media (min-width:767px) {  .banner-68 {   width:60%;  } } .laravel-background-image .padding-bottom-why p {  margin-top:32px !important; } .mad-card .padding-left-right-0 {  padding-bottom:0; } @media (min-width:992px) and (max-width:1279px) {  .mis-mobileappdev .choose-rectangle {   font-size:15px !important;  } } .page-id-50489 section.Graphed-illustarted.latest-mig-section {  display:none; } .page-id-50489 section.flawless-exp-shopware {  margin-top:0 !important;  margin-bottom:0 !important; } .page-id-50489 .tab-video-salesforces section {  padding-bottom:0 !important; } .page-id-50489 section.ecom-dev-keyfeatures {  padding-top:0 !important; }