.mobile-screen-desktop {
    margin-top: 120px;
  }
  .flow-structure-main {
    margin: 80px 0 0 0;
  }
  .flow-structure-main > .step-by-step {
    margin: 0px 0 30px 0;
    padding: 30px 0 20px;
    font-size: 40px;
    color: #19b8e2;
    text-transform: uppercase;
    background: #FFFFFF url(../images/hd-divider.png) no-repeat scroll center bottom;
    text-align: center;
    font-weight: 600;
  }
  .flow-structure-main ul li {
    text-align: center;
    border-top: 1px solid #ddd;
  }
  .flow-structure-main ul li:last-child {
    border-bottom: none;
  }
  .flow-structure-main img {
    max-width: 100%;
    vertical-align: top;
  }
  .gray-bg {
    background-color: #F8F8F8;
  }
  .light-sky-bg {
    background-color: #f4feff;
  }
  .mobile-screen {
    margin-bottom: 40px;
  }
  .mobile-screen-inner h3, .mobile-screen-inner h1 {
    margin: 0 0 40px;
    padding: 0px;
    width: 100%;
    font-size: 35px;
    color: #37c2e8;
    text-align: center;
    font-family: 'Exo 2';
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
  }
  .mobile-screen-inner h3:after, .mobile-screen-inner h1:after {
    background: #000;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50px;
    width: 29px;
  }
  /********************/
  .opposite-single-row .opposite-single-left img,
  .opposite-single-row .opposite-single-right img,
  .mobile-other-screen-part1-left img,
  .mobile-other-screen-part1-right img,
  .mobile-other-screen-part2-left img,
  .mobile-other-screen-part2-right img,
  .mobile-other-screen-part3-left img,
  .mobile-other-screen-part3-right img,
  .mobile-other-screen-part4-right img,
  .mobile-other-screen-part4-left img,
  .mobile-other-screen-part5-right img,
  .mobile-other-screen-part5-left img,
  .mobile-other-screen-part9-right img,
  .mobile-other-screen-part9-left img,
  .mobile-other-screen-part10-right img,
  .mobile-other-screen-part10-left img,
  .mobile-other-screen-part11-right img,
  .mobile-other-screen-part11-left img,
  .mobile-other-screen-part12-right img,
  .mobile-other-screen-part12-left img,
  .mobile-other-screen-part13-right img,
  .mobile-other-screen-part13-left img,
  .mobile-screen-part5-left img,
  .mobile-screen-part5-right img,
  .mobile-screen-part6-right img,
  .mobile-screen-part6-right img,
  .mobile-screen-part7-left img,
  .mobile-screen-part7-right img,
  .mobile-screen-part8-left img,
  .mobile-screen-part8-right img,
  .mobile-screen-part9-left img,
  .mobile-screen-part9-right img,
  .mobile-screen-part10-left img,
  .mobile-screen-part10-right img,
  .mobile-screen-part11-left img,
  .mobile-screen-part11-right img,
  .mobile-screen-part12-left img,
  .mobile-screen-part12-right img,
  .mobile-screen-part12-left img,
  .mobile-screen-part12-right img,
  .mobile-screen-part13-left img,
  .mobile-screen-part13-right img,
  .mobile-other-screen-part6 img,
  .mobile-other-screen-part6 img,
  .loading-screen-left img,
  .loading-screen-right img {
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
  }
  .comunication-section {
    float: left;
    width: 100%;
    /* background-color:#f2f2f2; */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }
  .component-title,
  .opposite-single-row h4.component-title {
      font-size: 50px !important;
      margin: 0 auto 10px !important;
      text-transform: uppercase;
      color: #37c2e8;
      text-align: center;
      font-family: 'Exo 2';
      font-weight: bold;
  }
  .opposite-single-inner.ul-list-screen ul {
    list-style: none;
    padding: 0;
    margin: 0px -15px 0 -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .opposite-single-inner.ul-list-screen ul li {
    width: 33.33%;
    padding: 15px;
    text-align: center;
  }
  .opposite-single-inner.registration.ul-list-screen ul li {
    width: 25%;
    padding: 8px;
  }
  .opposite-single-inner.ul-list-screen ul li .screen-img {
    position: relative;
    display: block;
    width: 100%;
  }
  .opposite-single-inner.ul-list-screen ul li .screen-text {
    margin-top: 15px;
    display: block;
  }
  .opposite-single-inner.ul-list-screen ul li .screen-img img {
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
  }
  /********/
  .opposite-single-row {
    text-align: center;
    padding: 30px 0 40px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .opposite-single-row h4, .opposite-single-row h2 {
    padding: 0px;
    font-size: 34px;
    line-height: 1em;
    color: #37c2e8;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 20px;
  }
  .opposite-single-inner {
    text-align: left;
    display: flex;
    margin: 0 auto;
    max-width: 1340px;
    padding: 0 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .opposite-single-middle.oldapp-screen ul {
    margin: 0 0 80px 0;
    padding: 0 175px 0 175px;
    width: calc(100% - 0px);
    width: -o-calc(100% - 15px);
    width: -ms-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    position: relative;
    z-index: 1;
  }
  .opposite-single-middle.oldapp-screen ul .guide-arrows-right {
    position: absolute;
    left: auto;
    right: -4px;
    z-index: -1;
    top: 0px;
  }
  .opposite-single-middle ul {
    margin: 0 0 80px 0;
    padding: 0 0 0 175px;
    width: calc(100% - 15px);
    width: -o-calc(100% - 15px);
    width: -ms-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    position: relative;
    z-index: 1;
  }
  .opposite-single-middle ul .sub-points {
    padding-left: 30px;
    margin-bottom: 0;
  }
  .opposite-single-row.single-left-section .opposite-single-middle {
    width: 970px;
  }
  .opposite-single-middle ul b {
    margin: 0px 0 10px 0;
    padding: 0px;
    font-size: 18px;
    color: #020202;
    font-weight: 600;
    display: block;
  }
  .opposite-single-middle ul.right-side-list {
    padding: 0 180px 0 0;
  }
  .opposite-single-middle ul:last-child {
    margin-bottom: 0;
  }
  .opposite-single-middle ul li {
    margin: 0px;
    padding: 0 0 6px 20px;
    background: url(../images/promedical-app-flow/point.png) no-repeat scroll left 4px;
    display: block;
    font-size: 15px;
    color: #000;
    line-height: 20px;
  }
  .opposite-single-middle ul.right-side-list li {
    margin: 0px;
    padding: 0 20px 6px 0;
    background: url(../images/promedical-app-flow/point.png) no-repeat scroll right 4px;
    display: block;
    font-size: 15px;
    color: #000;
    line-height: 20px;
  }
  .opposite-single-left .guide-arrows {
    position: absolute;
    right: -169px;
    top: 50%;
  }
  .opposite-single-row h3.other-fet-title {
    margin: 0px 0 10px 0;
    padding: 0px;
    float: left;
    width: 100%;
    font-size: 55px;
    color: #222;
    text-align: center;
    font-family: 'Exo 2';
    font-weight: bold;
    text-transform: uppercase;
  }
  .opposite-single-left,
  .opposite-single-right {
    position: relative;
    z-index: 2;
  }
  .opposite-single-middle ul.right-side-list li {
    text-align: right;
  }
  .opposite-single-middle {
    width: 672px;
  }
  .opposite-single-row.dual-overlap-left .opposite-single-middle {
    width: 775px;
  }
  .opposite-single-middle ul.right-side-list {
    float: right;
  }
  .opposite-single-middle ul .guide-arrows {
    position: absolute;
    left: -4px;
    top: 0;
    z-index: -1;
  }
  .opposite-single-middle ul .guide-arrows.right-align {
    left: auto;
    right: -2px;
  }
  .opposite-single-middle ul.right-side-list .guide-arrows {
    position: absolute;
    left: auto;
    right: -4px;
    z-index: -1;
  }
  /**/
  
  .opposite-single-row.dual-screens .opposite-single-middle ul {
    padding: 40px 10px 0 10px;
    width: auto;
    margin-bottom: 20px;
  }
  .opposite-single-row.dual-screens .opposite-single-inner {
    max-width: 1340px;
  }
  .opposite-single-row.dual-screens .opposite-single-middle {
    width: 312px;
  }
  /**********************/
  
  .opposite-single-row.dual-left .opposite-single-middle {
    width: 650px;
  }
  .opposite-single-row.dual-left .opposite-single-middle ul {
    width: auto;
  }
  .opposite-single-row.dual-left img:first-child ~ img {
    margin-left: 20px;
  }
  
  
  .opposite-single-row.dual-screens img:first-child ~ img {
    margin-left: 20px;
  }
  
  /***********************/
  
  .opposite-single-row.revert-sigle .opposite-single-inner {
    flex-direction: row-reverse;
  }
  .opposite-single-row.revert-sigle .opposite-single-middle ul {
    width: 100%;
    padding: 0 175px 0 0;
    position: relative;
    text-align: right;
    z-index: 1;
  }
  .opposite-single-row.revert-sigle .opposite-single-middle ul .guide-arrows {
    left: auto;
    right: -3px;
    z-index: -1;
  }
  .opposite-single-row.revert-sigle .opposite-single-middle ul li {
    padding: 0 20px 10px 0;
    background-position: right top;
    background-position: right top 6px;
  }
  /* .opposite-single-row.tripple .opposite-single-left,
  .opposite-single-row.tripple .opposite-single-middle,
  .opposite-single-row.tripple .opposite-single-right {
    width: 33.33%;
    text-align: center;
  } */
  
  .opposite-single-row.tripple .opposite-single-left,
  .opposite-single-row.tripple .opposite-single-middle,
  .opposite-single-row.tripple .opposite-single-right {
    width: auto;
  }
  .opposite-single-row.tripple .opposite-single-inner {
    justify-content: space-between;
  }
  .flow-capt {
    padding-top: 30px;
  }
  .flow-capt p {
    text-align: center;
    padding: 0 15px;
  }
  .guide-image {
    position: absolute;
    left: -149px;
    top: 88px;
  }
  .opposite-single-left strong,
  .opposite-single-middle strong,
  .opposite-single-right strong {
    margin-bottom: 15px;
    font-size: 20px;
    display: block;
  }
  .opposite-single-row.dual-left .opposite-single-middle ul.inner-point {
    padding-left: 30px;
  }
  .opposite-single-row.dual-left-right .opposite-single-left img:last-child {
    margin-left: -114px;
    position: relative;
    z-index: -1;
  }
  .opposite-single-row.dual-left-right .opposite-single-right img:last-child {
    margin-left: -114px;
  }
  .opposite-single-row.dual-screens .opposite-single-middle {
    width: 293px;
  }
  /* ///////////////////////////// */
  
  .loading-screen-mid label img {
    width: 250px;
  }
  /*****************************************************/
  .call-rider-driver {
    margin: 0 0 0 0px;
    padding: 0px;
    background: url(../images/promedical-app-flow/chat.png) no-repeat scroll center top;
    height: 831px;
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
  }
  .call-rider-driver.call {
    background: url(../images/promedical-app-flow/call.png) no-repeat scroll center top;
  }
  .call-rider-driver.vcall {
    background: url(../images/promedical-app-flow/vcall.png) no-repeat scroll center top;
  }
  .call-rider-driver.vconsult {
    background: url(../images/promedical-app-flow/video-consult/vconsult-updated.png) no-repeat scroll center top;
  }
  .call-rider-driver-inner {
    margin: 0 auto;
    padding: 0px;
    width: 1250px;
  }
  .call-rider-driver-inner span {
    margin: 0px auto 0 auto;
    padding: 85px 0 0 0px;
    max-width: 564px;
    display: block;
    position: relative;
    right: -38px;
    text-align: left;
  }
  .call-rider-driver-inner h3 {
    margin: 0px;
    padding: 0px;
    width: auto;
    color: #000000;
    font-size: 28px;
    text-transform: uppercase;
  }
  .call-rider-driver-inner h3 b {
    margin: 0px;
    padding: 0px;
    font-size: 32px;
    color: #37c2e8;
    font-family: 'Exo 2';
    display: block;
    font-weight: bold;
  }
  .call-rider-driver-inner p {
    margin: 0px;
    padding: 0px;
    width: auto;
    color: #222222;
    font-size: 17px;
    text-align: left;
  }
  .call-rider-driver-inner-arrow {
    margin: 0 auto;
    padding: 0px;
    width: 527px;
  }
  .call-rider-driver-inner-arrow .new004,
  .call-rider-driver-inner-arrow .new008,
  .call-rider-driver-inner-arrow .new0010,
  .call-rider-driver-inner-arrow .new0012 {
    margin: 70px 0 0;
    padding: 0px;
    float: left;
    width: 100%;
  }
  .call-rider-driver-inner-arrow .new004 img {
    position: relative;
    left: 50px;
  }
  .call-rider-driver-inner-arrow .new008 img,
  .call-rider-driver-inner-arrow .new0010 img,
  .call-rider-driver-inner-arrow .new0012 img {
    position: relative;
    left: 50px;
    bottom: 20px;
  }
  .call-rider-driver-inner-arrow .new005,
  .call-rider-driver-inner-arrow .new009,
  .call-rider-driver-inner-arrow .new0011,
  .call-rider-driver-inner-arrow .new0013 {
    margin: 150px 0 0;
    padding: 0px;
    float: left;
    width: 100%;
  }
  .call-rider-driver-inner-arrow .new005 img,
  .call-rider-driver-inner-arrow .new009 img,
  .call-rider-driver-inner-arrow .new0011 img ,
  .call-rider-driver-inner-arrow .new0013 img {
    position: relative;
    right: 0px;
  }
  .call-rider-driver-inner-arrow b img {
    position: relative;
    right: 0px;
  }
  .unhide001,
  .unhide005 {
    display: block;
  }
  .hide001,
  .hide002,
  .hide005 {
    display: none;
  }
  .unhide001,
  .unhide005 {
    display: block;
  }
  .hide001,
  .hide002,
  .hide005 {
    display: none;
  }
  .call-rider-driver.chat_img {
    background: url(../images/promedical-app-flow/taxi-ride/10-11.png) no-repeat scroll center top;
  }
  .call-rider-driver-inner-arrow .new0010 {
    margin: 70px 0 0;
    padding: 0px;
    float: left;
    width: 100%;
  }
  .call-rider-driver-inner-arrow .new0010 img {
    position: relative;
    left: 40px;
    bottom: 20px;
  }
  .call-rider-driver-inner-arrow .new0011 {
    margin: 150px 0 0;
    padding: 0px;
    float: left;
    width: 100%;
  }
  .call-rider-driver-inner-arrow .new0011 img {
    position: relative;
    right: 0px;
  }
  /*****************************************************/
  
  .notification-inner {
    max-width: 1310px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .notification-left {
    width: 330px;
  }
  .notification-left img {
    max-width: 100%;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
  }
  .notification-right {
    width: calc(100% - 330px);
    width: -o-calc(100% - 330px);
    width: -ms-calc(100% - 330px);
    width: -moz-calc(100% - 330px);
    width: -webkit-calc(100% - 330px);
    padding-top: 60px;
  }
  .notification {
    padding: 50px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .notification h3 {
    margin: 0px 0 40px 0;
    padding: 0px;
    font-size: 34px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
  }
  .notification p {
    font-size: 18px;
    line-height: 33px;
    color: #000;
  }
  /*****************************************************/
  .notification.KOT h3 {
    color: #37c2e8;
  }
  .notification.KOT p {
    color: #000;
  }
  .notification.KOT .notification-left {
    width: 330px;
    display: flex;
  }
  .notification.KOT .notification-left img {
    width: 330px;
  }
  .notification.KOT .notification-right {
    width: calc(100% - 360px);
    width: -o-calc(100% - 360px);
    width: -ms-calc(100% - 360px);
    width: -moz-calc(100% - 360px);
    width: -webkit-calc(100% - 360px);
  }
  .notification.KOT .notification-left .printer_ico {
    margin-right: 50px;
  }
  /*****************************************************/