@charset "utf-8";
/* CSS Document */
 @media (max-width: 1280px) {
    .registerBanner.owl-theme .owl-nav, 
    #owl-demo-mobile.owl-theme .owl-nav, 
    #owl-demo.owl-theme .owl-nav {
        bottom: 50px;
    }
 }
 @media (max-width: 1200px) {
     #slider .sliderBox.slide2 h2 {
         font-size: 55px;
    }
     #slider .sliderBox.slide2 h3 {
         font-size: 35px;
    }
     #slider .sliderBox.slide1 .slider-content h1 {
         font-size: 60px;
    }
     #slider .sliderBox.slide1 .slider-content p {
         font-size: 20px;
    }
     .section-title h1 {
         font-size: 35px;
    }
     .section-title p {
         font-size: 18px;
    }
     #slider .sliderBox.slide2 .row {
         min-height: 600px;
    }
     #service .service-content h6 {
         font-size: 22px;
    }
     #problem .problem-content h3 {
         font-size: 45px;
    }
     #problem .problem-content h3 {
         font-size: 40px;
    }
     #problem .problemContent ul li::after {
         width: 27px;
         height: 30px;
         right: -50px;
         background-size: contain;
         background-repeat: no-repeat;
    }
     #problem .problemContent-text h6 {
         font-size: 16px;
         min-height: 60px;
    }
     #problem .problemContent {
         margin-bottom: -90px;
    }
     #testimonial .testimonial-box .testinonial-content p {
         font-size: 16px;
    }
     #testimonial .testimonial-box .video-img img {
         max-width: 80px;
    }
     #testimonial .testimonial-box .video-img p {
         font-size: 16px;
    }
     #company .company-content h3 {
         font-size: 40px;
    }
     #company .company-content p {
         font-size: 25px;
         margin-bottom: 0;
    }
}
/* I-pad Landscape */
 @media (max-width: 1024px) {
     #service .serviceBox.leftBox li.leftCenter {
         margin-right: -115px;
    }
     #service .service-content h6 {
         font-size: 19px;
    }
     #problem .problem-img {
         margin-top: -90px;
    }
     #problem .problem-content h3 {
         font-size: 35px;
    }
     #problem .problem-content p {
         font-size: 18px;
    }
     #problem .problemContent ul li::after {
         display: none;
    }
     #footer .footer-right ul {
         column-gap: 10px;
    }
     #footer .footer-center ul li img {
         max-width: 90px;
    }
     #footer .footer-bottom ul a {
         font-size: 17px;
    }
     #company .company-content p {
         font-size: 22px;
    }
     #company .company-content h3 {
         font-size: 35px;
    }
     #company .company-img img {
         max-width: 70px;
    }
     #medipreneur .medipreneur-left {
         padding: 55px 100px 55px 55px;
    }
     #medipreneur .medipreneur-left p {
         font-size: 18px;
    }
 
}
/* Google Nexus 7 Landscape */
 @media (max-width: 992px) {
     #slider .sliderBox.slide2 .row {
         min-height: 500px;
    }
     #slider .sliderBox.slide1 .slider-content {
         margin-left: 15px;
    }
     #slider .sliderBox.slide2 h2 {
         font-size: 45px;
    }
     #slider .sliderBox.slide2 h3 {
         font-size: 30px;
    }
     .about-content p {
         font-size: 20px;
    }
     #service .service-content h6 {
         font-size: 18px;
    }
     #service .serviceBox .service-content img {
         width: 40px;
         height: 40px;
    }
     #service .service-content {
         padding: 12px;
         min-width: 230px;
    }
     #service .serviceBox.rightBox .rightFirst {
         margin-left: -90px;
    }
     #service .serviceBox.rightBox .rightLast {
         margin-left: -100px;
    }
     #problem .problem-top p {
         font-size: 18px;
    }
     #problem .problem-top h5 {
         font-size: 24px;
    }
     #problem .problem-center {
         padding: 0 15px;
         margin-top: 135px;
    }
     #problem .problemContent-text h6 {
         font-size: 14px;
    }
     #problem .problemContent-box {
         padding: 20px 6px;
    }
     #problem .problemContent-img img {
         width: 35px;
         height: 35px;
    }
     #problem .problemContent ul li.big-box {
         flex: 0 0 180px;
         max-width: 180px;
    }
     #problem .problemContent ul li {
         flex: 0 0 120px;
         max-width: 120px;
    }
     #footer .footer-center ul li img {
         max-width: 80px;
         width: 100%;
    }
     .footer-right img {
         max-width: 35px;
    }
}
/* I-pad Portrait */
 @media (max-width: 768px) {

    .register-banner-desktop{
        display: none;
     }
     .register-banner-mobile{
        display: block;
     }

     a.menu-icon {
         display:block;
         margin:0 auto;
         float: right;
    }
     a.menu-text {
         display:block;
    }
     #header .main-nav {
         margin-top: 16px;
    }
     #nav {
         float:none;
         margin:0 auto;
         text-align:center;
         position: relative;
    }
     #header #nav ul {
         display: none;
         overflow: hidden;
         margin: 10px 0 0 0;
         width: 270px;
         position: absolute;
         top: 40px;
         right: 0px;
         z-index: 11;
         background-color: rgb(232, 178, 87) 
    }
     #nav ul li {
         width:100%;
         margin:0;
         padding:0;
         border:none;
         border-bottom:1px solid #fff !important;
    }
     #nav ul li a {
         padding:10px 0;
         color:#fff;
    }
     #nav ul li:last-child {
         border-bottom: none !important;
    }
     #nav ul li .svg-inline--fa {
         margin: 10px 0px;
         font-size: 18px;
    }
    /* Drop Down */
     #nav ul li ul {
         position:relative;
         top:0;
         width:100%;
         background:#ccc;
    }
    /* Drop Down */
     #nav ul li.active a {
         color: #fff;
    }
     #nav ul li a:hover {
         color: #fff;
    }
     .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
         width: 100%;
    }
     .order-md-1, .order-md-2 {
         -ms-flex-order: inherit !important;
         order: inherit !important;
    }
     #slider .sliderBox.slide1 .slider-content {
         max-width: 100%;
         margin-left: 0;
         text-align: center;
         margin-bottom: 35px;
    }
     #slider .sliderBox.slide1 .slider-img img {
         max-width: 350px;
         margin: 0 auto;
    }
     #slider .sliderBox.slide2 .row {
         min-height: 400px;
         flex-direction: column-reverse;
    }
     #slider .sliderBox.slide2 .slider-content {
         padding-top: 100px;
         max-width: 100%;
         text-align: center;
    }
     #slider .sliderBox.slide2 {
         background-size: cover;
    }
     #slider .sliderBox.slide2 .slider-img img {
         max-width: 400px;
    }
     #service .serviceBox.leftBox li.leftCenter {
         margin-right: 0;
    }
     #service .serviceBox.leftBox li.leftFirst, .serviceBox.leftBox li.leftRight {
         margin-right: 0;
    }
     #service .serviceBox.rightBox .rightFirst {
         margin-left: 0;
         z-index: 1;
    }
     #service .serviceBox.rightBox .rightLast {
         margin-left: 0;
         z-index: 1;
    }
     #service .serviceBox.rightBox ul {
         height: auto;
    }
     #service .serviceBox.leftBox ul {
         height: auto;
    }
     #service .serviceBox.rightBox .rightFirst .service-content {
         padding-left: 0;
         display: flex;
         flex-direction: row-reverse;
         justify-content: start;
    }
     #service .serviceBox.rightBox .rightLast .service-content {
         padding-left: 0;
         display: flex;
         flex-direction: row-reverse;
         justify-content: start;
    }
     #service .service-content {
         padding: 12px;
         min-width: 340px;
    }
     #service .service-box .row .col-md-5, .service-box .row .col-md-2 {
         padding: 0 15px;
    }
     .service-block {
         padding: 0 35px;
    }
     #service .service-box .row .col-md-5 {
         flex: 0 0 70%;
    }
     #service .serviceBox.leftBox ul li {
         margin-bottom: 25px;
    }
     .service-box .row .col-md-2 {
         order: 3;
         flex: 0 0 20%;
         max-width: 20%;
    }
     #service .service-content {
         padding: 12px;
         min-width: 340px;
         width: 100%;
    }
     .serviceBox.centerBox {
         margin-left: -85px;
    }
     .m-block{
         display: block;
    }
     .m-none{
         display: none;
    }
     #problem .problemContent ul {
         flex-wrap: wrap;
    }
     #problem .problemContent ul li {
         flex: 0 0 100%;
         max-width: 100%;
    }
     #problem .problemContent ul li.big-box {
         flex: 0 0 100%;
         max-width: 100%;
    }
     #problem .problemContent {
         margin-bottom: 20px;
    }
     #problem {
         padding-bottom: 30px;
    }
     #problem .problem-img {
         margin-bottom: -30px;
    }
     #problem .problemContent-text h6 {
         font-size: 14px;
         min-height: auto;
    }
     #problem .problem-content {
         max-width: 100%;
         margin: 0 auto;
         text-align: center;
    }
     #problem .problemContent-box .problemContent-text {
         margin-top: 0;
    }
     #problem .problemContent-box {
         padding: 20px 46px;
         display: flex;
         flex-direction: row-reverse;
         justify-content: space-between;
         max-width: 400px;
         margin: 5px auto;
         align-items: baseline;
    }
     #problem .problemContent ul li::after {
         display: block;
         right: 33%;
         background-image: url('../images/icon/downArrow.png');
         top: auto;
         transform: translate(0,-40%);
         width: 47px;
         height: 35px;
         z-index: 11;
    }
     .company-box .col-md-4 {
         display: flex;
         justify-content: center;
         border-bottom: 1px solid #E6E6E6;
         column-gap: 25px;
         margin-bottom: 15px;
         padding-bottom: 15px;
    }
     .company-box .col-md-4 br {
         display: none;
    }
     .company-content {
         width: 100%;
         text-align: left;
    }
     #company .company-box {
         text-align: center;
         padding: 0 180px;
    }
     #footer .footer-center ul li img {
         max-width: 110px;
         width: 100%;
    }
     .footer-logo {
         text-align: center;
    }
     #footer .footer-center ul {
         justify-content: space-evenly;
         margin: 15px 0;
    }
     #footer .footer-right ul {
         display: flex;
         align-items: center;
         justify-content: space-around;
         margin-top: 15px;
    }
     #journey .w-bg {
         flex: 0 0 50%;
         max-width: 50%;
    }
     #journey .journeyBox {
         display: flex;
         flex-wrap: wrap;
    }
     #journey .journey-top {
         margin-left: 0;
    }
     #journey .w-bg.journey-bottom {
         margin-top: 75px;
         margin-left: 0;
         padding-left: 10px;
    }
     #journey .journeyBox {
         display: flex;
         flex-wrap: wrap;
         margin-top: 140px;
    }
     #journey .w-bg.journey-bottom .journey-arrow {
         transform: rotate(180deg);
    }
     #journey .journey-top {
         margin-left: 0;
         margin-top: -105px;
    }
     #medipreneur .medipreneur-left {
         border-radius: 20px;
         flex: 0 0 100%;
         max-width: 100%;
    }
     #medipreneur .medipreneur-left {
         padding: 45px;
         text-align: center;
    }
     #medipreneur .medipreneur-right {
         flex: 0 0 100%;
         max-width: 100%;
         text-align: center;
    }
     #medipreneur .medipreneurBox {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         background: #2E3540;
         border-radius: 20px;
    }
     #journey .w-bg.journey-bottom {
         margin-top: 75px;
         margin-left: 0;
         padding-left: 10px;
         display: flex;
         flex-direction: column-reverse;
    }
     .medipreneur-right img {
         max-width: 130px;
         margin-bottom: 35px;
    }
     section#problem .section-title h1 br {
         display: block;
    }
     #medipreneur .section-title h1.text-left {
         text-align: center;
    }
    #video .container > .video-box .video-img {
        height: auto;
    }
}
/* HTC One Landscape */
 @media (max-width: 640px) {
}
/* Google Nexus 7 Portrait */
 @media (max-width: 603px) {
     #company .company-box {
         padding: 0 80px;
    }
     #company .company-content h3 {
         font-size: 32px;
    }
     #company .company-content p {
         font-size: 20px;
    }
     #footer .footer-bottom ul {
         flex-wrap: wrap;
    }
     #footer .footer-bottom ul li {
         width: 100%;
         text-align: center;
         margin-bottom: 15px;
    }
     #problem .problem-center {
         padding: 0 15px;
         margin-top: 75px;
    }
     #problem .problem-center .problem-content {
         text-align: left;
    }
     #problem .problem-content {
         max-width: 90%;
         margin: 0 auto;
         text-align: center;
         width: 100%;
    }
     #service .serviceBox.leftBox li.leftCenter .service-content {
         padding-right: 0;
    }
}
/* Google Nexus 4 Landscape */
 @media (max-width: 600px) {
}
/* I-phone Landscape */
 @media (max-width: 568px) {
     section {
         padding: 30px 0;
    }
     .about-content {
         max-width: 85%;
         margin-bottom: -50px;
         padding: 30px;
    }
     .about-content p {
         font-size: 15px;
    }
     .section-title h1 {
         font-size: 23px;
    }
     .service-box .row .col-md-2 {
         order: 3;
         flex: 0 0 40%;
         max-width: 40%;
         margin: 0 auto;
    }
     #video .container > .video-box {
         margin-bottom: -70px;
    }
     #video {
         background: #45BDBC;
         padding-bottom: 0;
         margin-bottom: 80px;
    }
     #problem .problem-top h5 {
         font-size: 19px;
    }
     #problem .problem-top p {
         font-size: 15px;
    }
     #problem .problem-img img {
         max-width: 130px;
    }
     #problem .problem-content p {
         font-size: 14px;
    }
     #service .service-box .row .col-md-5 {
         flex: 0 0 100%;
    }
     #service .service-content {
         padding: 12px;
         min-width: 100%;
         width: 100%;
    }
     #service .service-block {
         position: relative;
    }
     .serviceBox.centerBox {
         position: absolute;
         top: 60px;
         right: 0;
    }
     #service .service-block .serviceBox.centerBox img {
         max-width: 200px;
    }
     #company .company-box {
         padding: 0 40px;
    }
     #problem .problem-content h3 {
         font-size: 26px;
    }
     #slider .owl-theme .owl-nav {
         right: 40px;
         bottom: 50px;
    }
}
/* I-phone Landscape */
 @media (max-width: 480px) {
     #problem .problemContent ul li {
         max-width: 80%;
         margin: 0 auto;
    }
     #problem .problemContent ul li.big-box {
         max-width: 80%;
         margin: 0 auto;
    }
     #company .company-box {
         padding: 0 50px;
    }
     #testimonial .testimonial-box {
         margin: 0 5px 70px;
         padding: 35px;
    }
     .company-box .col-md-4 {
         column-gap: 10px;
    }
     #company .company-content p {
         font-size: 18px;
    }
     #company .company-content h3 {
         font-size: 26px;
    }
    .serviceBox.centerBox{
        display: none;
    }

    .registerBanner.owl-theme .owl-nav, #owl-demo-mobile.owl-theme .owl-nav, #owl-demo.owl-theme .owl-nav {
        right: 30px;
        bottom: 110px;
    }
}
/* Nokia Lumia Portrait */
 @media (max-width: 460px) {
     #service .service-block {
         position: relative;
    }
     .serviceBox.centerBox {
         position: static;
         top: unset;
         right: unset;
    }
     #service .service-block .serviceBox.centerBox img {
         max-width: 200px;
    }

    .dm-width {
        width: 240px;
        height: 500px;
        margin: 0 auto;
    }
    .screen {
        overflow: hidden;
        position: absolute;
        height: 93%;
        width: 93%;
        background-color: #000;
        left: 9px;
        top: 23px;
        border-radius: 14px;
    }

    .slider__item img {
        display: block;
        /* width: 60% !important; */
    }
}
/* HTC One Portrait */
 @media (max-width: 360px) {
     #company .company-box {
         padding: 0 20px;
    }
}
/* I-phone Portrait */
 @media (max-width: 320px) {
}
/* Small mobile */
 @media (max-width: 240px) {
}
 
   .desktop {
    display: block;
  }
  .mobile {
    display: none;
  }

  @media (max-width: 767px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  
}