@media (min-width: 1600px) and (max-width: 2500px){
  /* .latest-test-results.order_detail ul.amount-detail{padding-right: 137px;padding-left: 60.5%;} */
}
@media (max-width: 1536px) {
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar{position: absolute; top: 0px; left: 8px; height: 100%; padding:10px 0 24px 0}
}
@media (max-width: 1460px) {
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar{position: absolute; top: 0px; left: 8px; height: 100%; padding:12px 0 30px 0}
}
@media (max-width: 1366px) {
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar{position: absolute; top: 0px; left: 8px; height: 100%; padding:12px 0 33px 0}
/* .latest-test-results.order_detail ul.amount-detail li.total span {width: 25%} */
}

@media (max-width: 1200px) {

.latest-test-results ul.result-lists li .test-name{width: 40%;}
}


@media (min-width: 768px) and (max-width: 1024px){

button.openbtn{display: block;}
  .sidebar {height: 100%;width: 270px;position: fixed;z-index: 1;top: 67px;left: 0;background-color: rgb(255, 255, 255);box-shadow: 0 0px 8px 0px rgba(18,21,21,0.1);overflow-x: hidden;transition: 0.5s;padding-top: 20px;margin-left:-270px}
  .sidebar.active {margin-left:0px ;}
  .sidebar a {padding: 8px 8px 8px 16px;text-decoration: none;font-size: 16px;color: #818181;display: block;transition: 0.3s;}
  .sidebar a:hover {color: #f1f1f1;}
  .sidebar .closebtn {position: absolute;top: -34px;right: 3px;font-size: 36px;margin-left: 50px;}
  .openbtn {font-size: 20px;cursor: pointer;background-color: rgb(255, 255, 255);color: black;padding: 10px 15px;border: none;}
  .openbtn:focus{outline: none;}
  #main {transition: margin-left .5s;padding: 16px;}
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  .main-header.active {padding: 15px 0px;}
  header{height: 75px}
  .main-header .container{padding: 0px}
  header{height: 70px}
  .main-header .navbar {padding: 15px 0; display: block;}
  .main-header.active .navbar{padding: 0px 0px;}
  .main-header.active {padding: 15px 0;}

  .main-header.active .navbar-brand.small-logo {width: 36px;margin: 0px 0 0 -20px;}
  .main-header.active .navbar-brand {opacity: 1}
  .main-header .navbar-brand.main-logo {display: none;}
  .main-header .navbar-brand.small-logo {position: fixed; opacity: 1; width: 36px; margin-left: -20px; top: 5px; padding: 0}
  .main-header .navbar-nav{padding: 15px}
  .main-header .user-icons {display: block;position: fixed;right: 15px;top: 15px;}
  .main-header .user-icons a:first-child {margin-right: 10px; text-align: center;}
  .main-header .user-icons a i{font-size: 20px;}
  .main-header .dropdown-menu{margin: 10px 0}
  /* .navbar-expand-lg .navbar-nav .nav-link{padding: 6px 0} */
  .main-header .btn-area{padding: 0 15px 10px 15px}
  .main-header.active .btn-area{padding: 0 15px 10px 15px}
  .main-header .btn-area .btn-login{width: 100%; margin: 0px 0px 5px 0px}
  .navbar-toggler{padding: 0px; margin-right: 15px}
  .main-header .btn-area .btn-login.amt-btn {width: 100%}
  .main-header .navbar-expand-lg .navbar-nav .nav-item {padding: 0; margin: 0}
  .main-header.active .navbar-expand-lg .navbar-nav .nav-item {padding: 0; margin: 0}

  .main-header ul li.togglemenu{display: block;}

  .main-header ul li.togglemenu .dropdown-menu {border-radius:10px; border:none; background: #E8EEEF; min-width: 0; padding: 10px 0; box-shadow: 0px 0 10px 0px gray;}

  .main-header .dropdown:nth-of-type(2),
  .main-header .dropdown:nth-of-type(n+2){display: none;}

  .menu-off{z-index: 1;position: absolute;top: 0;left: 0;height: 100%;width: 100%; }
  #empty-div{display: block;}


  .hc-mobile{display: block;}


.home-top-area {padding: 50px 0;}
.home-top-area .content-area .leftside h2 {font-size: 36px;line-height: 44px; margin: 0 0 20px 0;}
.home-top-area .content-area .leftside ,
.home-top-area .content-area .rightside {width: 50%;}
.home-top-area .content-area .btn-box .btn-blue ,
.home-top-area .content-area .btn-box .btn-blue-border {line-height: 25px;}

.offer-area h2 {font-size: 32px;}
.offer-area p {margin: 0 0 30px 0; padding: 0 50px;}

.offer-tab-content-area .content-tab-box {display: block; padding: 40px;}
.offer-tab-content-area .offer-tab .nav-link {line-height: 0; font-size: 16px;}
.offer-tab-content-area .offer-tab .nav-link span {padding: 8px 4px;}
.offer-tab-content-area .content-tab-box .leftside {display: block; width: 100%; padding-right: 0;}
.offer-tab-content-area .content-tab-box .leftside h3 {font-size: 22px; line-height: 22px; margin: 0 0 20px 0;}
.offer-tab-content-area .content-tab-box .rightside {margin: 0 auto; width: 55%;}
.offer-tab-content-area .content-tab-box .leftside ul.package-list li a {line-height: 20px;}

.how-it-works {padding: 60px 0 0 0;}
.how-it-works h2 {font-size: 32px;}
.how-it-works .work-box {width: 80%;}
.how-it-works .work-box .photo-area img{width: 100%;}
.how-it-works .work-box .work-content {height: 205px; padding: 0 50px 0 125px;}
.how-it-works .work-box .work-content h3 {font-size: 28px; margin: 0 0 15px 0}
.how-it-works .swiper-button-prev {width: 51px !important; height: 78px !important; left: 20px !important; margin-top: -39px;}
.how-it-works .swiper-button-prev img{width: 100%;}
.how-it-works .swiper-button-next {width: 51px !important; height: 78px !important; right: 20px !important; margin-top: -39px;}
.how-it-works .swiper-button-next img{width: 100%;}


.home-health-hub-area {padding: 60px 0 0 0;}
.home-health-hub-area h2 {font-size: 32px;}

.customer-stories-area {padding: 60px 0;}
.customer-stories-area h2 {font-size: 32px;}

.get-in-touch {padding: 60px 0 ;}
.get-in-touch .image-area {width: 100%; position: relative; padding-left: 40%}
.get-in-touch h2 {font-size: 32px;}

.sign-in-area h2 {font-size: 32px;}
.sign-in-area .padding_70,
.sign-in-area .bottom-link-area  {padding: 30px 40px;}
.sign-in-area .form-area {width: 486px;}
.sign-in-area {padding: 60px 0;}
.sign-in-area::before {width: 90%; height: 320px; top: 125px; left: 5%; margin-left: 0px;}
.sign-in-area .btn-login {line-height: 40px; padding: 0 38px;}

/* -------------------------- */

.after-login-header-mobile .logo img{width: 100%;}
.after-login-header-mobile .btn-menu {background: transparent; padding: 0px; border: 0px; width: 36px; height: 36px; line-height: 36px; font-size: 24px;}

.after-login-header-mobile { display: block !important; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08); background: #fff; padding: 10px; position: relative;}
.after-login-header-mobile .logo { width: 36px; position: absolute; left: 50%; margin-left: -20px;}
.after-login-header-mobile .user-icons {float: right;}
.after-login-header-mobile .user-icons a i {font-size: 20px; padding-top: 7px;}
.after-login-header-mobile .user-icons a .cart-icon {width: 25px; height: 25px; display: inline-block;  vertical-align: bottom;}
.after-login-header-mobile .user-icons a:first-child {margin-right: 10px;}
.content-pd-15.pd-top-0 {padding: 0 10px 20px 10px;}
.wrapper {display: flex;   height:100%; position:relative }
#sidebar_area {margin-left:0; top: 55px;position: fixed; z-index:99; height:100%; min-width:270px;  max-width:270px}
#sidebar_area ul {padding: 15px;}
#sidebar_area .logo{display: none;}
#sidebar_area.active {margin-left:-300px; position:absolute; z-index:99; height:100%}

#content{padding: 0px}

.header-profile {display: block; margin-top: 60px;}
.header-profile ul.link li:first-child {margin-left: 0}

.content-pd-15{padding: 10px}
.latest-test-results .btn-view {padding: 20px;}
.latest-test-results ul.result-lists li .test-status {width: 110px;}
.latest-test-results .btn-book {padding: 0 40px; line-height: 40px;}
.latest-test-results ul.result-lists li .test-name {width: 40%;}
.latest-test-results .titlebar .title {width: 50%;}
.latest-test-results .titlebar ul.option {width: 50%;}
.promotions-area {min-height: 240px;}
.promotions-area .promotions-content { width: 240px; padding-top: 30px; margin-left: 30px;}
.promotions-area .promotions-content h2 {margin: 0px 0px 20px 0px; font-size: 26px; line-height: 26px;}
.promotions-area .promotions-content p {margin: 0px 0px 30px 0px;}
.promotions-area .promotions-content .btn-view {padding:10px 20px;}
.promotions-area .image-area { width: 460px ;right: 30px;}

.content_area_main.edit_profile {padding: 20px;}
.content_area_main .profile_form {padding: 20px;}
.content_area_main .profile_form .btn {margin-top: 20px;line-height: 30px;}

.content_area_main {padding: 20px;}
.content_area_main .profile_form .select_address {margin: 20px 0;}
.content_area_main .profile_form .select_address ul li .radio .add_detail {width: 85%;}
.content_area_main .profile_form .promo .aplly_code {padding: 0 30px;}
.content_area_main .profile_form .promo .form-control {width: 65%;}
.content_area_main .profile_form .promo .btn-apply {line-height: 40px; width: 140px;}
.content_area_main .profile_form .btn-checkout {margin: 0;}

.latest-test-results.dependent ul li .btns {padding: 20px;}
.content_area_main .profile_form.dependent  .heading{margin: 20px 0 0 0px;}
.content_area_main .profile_form.dependent .btn.btn-add {width: 120px; height: 40px;}

.content_area_main .profile_form .choose_id .form-controlGroup-inputWrapper { margin-bottom: 20px}

.content_area_main .profile_form.test_trend .data-input .form-group .form-control {height: 40px !important;}
.content_area_main .profile_form.test_trend .latest-test-results ul li .test_detail{padding: 0 30px;}
.content_area_main .profile_form.test_trend .latest-test-results ul li .btn-view {width: 20%;}
.content_area_main .profile_form.test_trend.test-result .data-input .search { height: 40px;}
.content_area_main .profile_form.test_trend.test-result .data-input .search .search-btn {padding: 7px 0 0 0;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .test_detail {font-size: 14px;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .name {padding-left: 0px;}
.content_area_main .profile_form.test_trend.test-result .data-input .form-group.nm-of-test {width: 43%}
.content_area_main .profile_form.test_trend.test-result .data-input .search{width: 10%}

.latest-test-results.select_location .select_address ul li .radio {width: 44%;}
.latest-test-results.select_location .select_address ul li .radio .add_detail {width: 65%;}

.content_area_main .profile_form.test_trend.test-result .latest-test-results ul.result-lists li .test-name::before {left: 20px;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul.result-lists li .test-name {padding-left: 55px; width: 35%}

/* feedback */

.content_area_main .profile_form.feedback_form p{margin: 0; line-height: 20px}

.health-hub-page h2 {font-size: 36px;}
.health-hub-page .photo-area {height: 270px; padding-left: 60px;}
.health-hub-page .photo-area img {width: 340px;}
.health-hub-page .photo-area h3 {font-size: 36px; line-height: 42px; width: 320px;}
.health-hub-page .search {width: 70%;}
.health-hub-page .search .form-control {width: 88%;}
.health-hub-page.detail-page .photo-area{ height: 270px;  padding-left: 60px;}
.health-hub-page.detail-page .photo-area img {width: 410px; top: -40px; right: 0;}
.health-hub-page ul.test_categories {width: 100%}
.health-hub-page ul.test_categories li .btn-category{padding: 14px 34px;}

.blood-test-photo-area::before {top: 70px;}
.test-main .test-list.offer-page .trun-cllpsd {max-height: 340px !important;}

 /* about  */

.about-top-area h1 {font-size: 28px;}
.about-top-area .content-area .leftside {width: 50%;}
.about-top-area .content-area .leftside h2 {font-size: 36px;line-height: 55px;}
.about-top-area .content-area .rightside {width: 50%}
.about-top-area .content-area .rightside img {width: 340px}

.mission-section .main-box h2 {font-size: 28px;}
.number-section .col-lg-4 {margin-bottom: 30px}
.number-section .col-lg-4:last-child {margin-bottom: 0px}

.our_story .content-area .leftside {width: 50%;}
.our_story .content-area .leftside img{width: 340px}
.our_story .content-area .rightside {width: 50%; padding: 0}

.about_doctor h2 {font-size: 28px;}

.our_lab h2 {font-size: 28px}
.our_lab img{width: 330px}

/* how-work */

.how-it-work-page h2{font-size: 30px; line-height: 30px; margin: 0 0 20px 0;}
.how-it-work-page p{margin-bottom: 15px}
.how-it-work-page .work-box .photo-area {position: relative; width:50%; left: 2%;}
.how-it-work-page .work-box .photo-area img{width: 100%}
.how-it-work-page .work-box .work-content {border-radius: 15px; width: 100%; height: auto; padding: 25px 25px 25px 45px;}
.how-it-work-page .work-box .work-content h3{font-size: 24px; margin: 0 0 10px 0}
.how-it-work-page .work-box .work-content p{font-size: 14px}
.how-it-work-page .work-box:nth-of-type(2n+2) .photo-area{left: 2%}
.how-it-work-page .work-box:nth-of-type(2n+2) .work-content{border-radius: 15px; width: 100%; height: auto;  padding: 25px 25px 25px 45px;}
.how-it-work-page .work-box .work-content h3 span { font-size: 18px;}

/* our_test */

.test-main .heading form{display: block;}
.test-main .heading .search {width: 100%}
.test-main .heading ul {margin: 20px 0 0 0}
.test-main .heading ul li:first-child {margin: 0}

/* view_test */

.content_area_main .profile_form.view_test .test-main .heading form{display: block;}
.content_area_main .profile_form.view_test .test-main .heading .search {width: 100%}
.content_area_main .profile_form.view_test .test-main .heading ul {margin: 20px 0 0 0}
.content_area_main .profile_form.view_test .test-main .heading ul li:first-child {margin: 0}
.content_area_main .profile_form.change_password {width: 100%;}
.content_area_main .profile_form.test_trend .latest-test-results ul li .test_detail .name {padding: 0}
/* cart */

.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc{width: 100% ;display: block;}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .test_detail {width: 100%;}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc form.patient-name {margin-top: 10px}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .test_detail .test_code { width: 40%}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .amount  {width: 100%; text-align: left;}
.latest-test-results.cart-summary .result-lists ul.test_application li ul.btns li.delete-item:last-child {margin-right: 0}
.latest-test-results.cart-summary .result-lists form .form-control { margin-bottom: 20px}
.latest-test-results.front.cart-summary .result-lists ul.test_application li.test-disc {width: 90%;display: flex;}
.latest-test-results.front.cart-summary .result-lists ul.test_application li.test-disc .test_detail {width: 73%;}

/* order detail page */

.latest-test-results.order_detail .test-disc ul.info-list li.info {width: 49.5%;}
.latest-test-results.order_detail ul.amount-detail li.total span {width: 35%;}
.latest-test-results.order_detail .test-disc ul.info-list li.info:nth-child(4){ width: 49%}



/* partner -----------------------------------------------------------------------------------*/

/* partner dashboard */

.content_area_main.partner-main {min-height: auto;}
.partner-details .fixed-top{position: static;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .user-name {width: 30%;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .uid {width: 20%;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .test-date {width: 30%;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .btns .test-result { margin-top: 10px; padding: 10px;display: block;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .btns {display: block; padding: 10px 10px;width: 20%;}

/* book a test */

.content_area_main.edit_profile.partner-main {padding: 30px 30px 80px 30px;}

/* test */

.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li {padding: 20px 20px 20px 20px;}

/* test-result */

.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li {flex-wrap: wrap;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .test-code{width: 30%}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .date{width: 50%}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .test-name{width: 20%}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .patient-name{width: 30%; margin-top: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .dr-name{width: 50%; margin-top: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .download {text-align: left;width: 20%; margin-top: 15px}

.content_area_main .test_trend_main .trend_chart {padding: 30px 30px;}
.content_area_main .test_trend_main .trend_chart .heading h3 {font-size: 20px;}
.content_area_main .test_trend_main .trend_chart .heading input {padding: 0 0 0 15px;}
.content_area_main .test_trend_main .trend_chart .chart-main-area {height: auto;}

.dashboard_footer .footer_copyright{position: absolute; width: 100%}


}



@media (max-width: 767px) {


.tawk-min-container .tawk-button-circle.tawk-button-large {  width: 50px !important; height: 50px !important;}
/*new style start */
.main-header .container{padding: 0px}
header{height: 70px}
.main-header .navbar {padding: 15px 15px; display: flex;}
.main-header.active .navbar{padding: 0px 0px;}
.main-header.active {padding: 15px 15px;}
.navbar-brand{margin: 0}
/* .main-header .navbar-brand{top: 0; left: 0; position: relative; padding: 10px} */
.main-header.active .navbar-brand.small-logo {width: 36px;margin: 0px 0 0 -15px;}
.main-header.active .navbar-brand {opacity: 1}
.main-header .navbar-brand.main-logo {display: none;}
.main-header .navbar-brand.small-logo {position: fixed; opacity: 1; width: 36px; margin-left: -15px; top: 15px; padding: 0}
.main-header .navbar-nav{padding: 15px}
.main-header .user-icons {display: flex; position: fixed;top: 23px; right: 15px }
.main-header .user-icons a{margin: 0 14px 0 0}
.main-header .user-icons a.login {font-weight: 600; text-decoration: underline;}
.main-header .user-icons a:last-child {margin-right: 0px; text-align: center;}
.main-header .user-icons a i{font-size: 20px; color:#047F8A}
.main-header .dropdown-menu{margin: 10px 0}
.navbar-expand-lg .navbar-nav .nav-link{padding: 15px;background: #F6F8F9;border-radius: 5px;}
.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar-expand-lg .navbar-nav .nav-link:hover{background-color:#52B9CC; color: #fff}
.main-header .btn-area{padding: 0 15px 10px 15px}
.main-header.active .btn-area{padding: 0 15px 10px 15px}
.main-header .btn-area .btn-login{width: 100%; font-size: 14px; line-height: 35px; margin: 0px 0px 5px 0px;padding: 0}
.navbar-toggler{padding: 0px; height: 36px; width: 36px; color:#047F8A}
.main-header .navbar-expand-lg .navbar-nav .nav-item {padding: 0; margin: 0 0 5px 0;}
.main-header.active .navbar-expand-lg .navbar-nav .nav-item {padding: 0; margin: 0 0 5px 0}
.main-header.active {display: block;;}
.main-header .btn-area .btn-login.amt-btn{width: 100%; display: none;}
.main-header .btn-area .btn-dashboard{ width: 100%; margin-bottom: 5px}
.main-header ul.navbar-nav .nav-item{display: block; position: relative;}
.main-header ul li.togglemenu .dropdown-menu {border-radius:10px; border:none; background: #E8EEEF; min-width: 0; padding: 10px 0; box-shadow: 0px 0 10px 0px gray;}
.main-header ul li.togglemenu{display: block;}
.main-header .dropdown:nth-of-type(2),
.main-header .dropdown:nth-of-type(n+2){display: none !important;}
.main-header .user-icons .icon.cart-icon {width: 25px; height: 25px; background-size: contain; }
#empty-div{display: block}
.menu-off{position: absolute; z-index: 1;top: 0;left: 0;height: 100%;width: 100%;}


.hc-mobile{display: block;}

.home-top-area{padding: 30px 0}
.home-top-area .content-area{display: block;}
.home-top-area .content-area .leftside{display: block; width: 100%; margin-bottom: 25px}
.home-top-area .content-area .rightside{display: block; width: 100%;}
.home-top-area .content-area .leftside h2{font-size: 36px; line-height: 40px; margin: 0 0 20px 0}
.home-top-area .content-area .leftside p {font-size: 16px; line-height: 22px; margin: 0 0 20px 0}
.home-top-area .content-area .btn-box .btn-blue{width: 50%;font-size: 12px; line-height: 35px;  display: block; padding: 0;  margin: 0px 5px 0 0; text-align: center;}
.home-top-area .content-area .btn-box .btn-blue-border{width: 50%;font-size: 12px; line-height: 35px; padding: 0; display: block; text-align: center; }

nav .navbar-collapse .navbar-nav .nav-item.dropdown{display: none;}

button.openbtn{display: block;}
.sidebar {height: 100%;width: 270px;position: fixed;z-index: 1;top: 67px;left: 0;background-color: rgb(255, 255, 255);box-shadow: 0 0px 8px 0px rgba(18,21,21,0.1);overflow-x: hidden;transition: 0.5s;padding-top: 0px;margin-left:-270px}
.sidebar.active {margin-left:0px ;}
.sidebar a {padding: 8px 8px 8px 16px;text-decoration: none;font-size: 16px;color: #818181;display: block;transition: 0.3s;}
.sidebar a:hover {color: #f1f1f1;}
.sidebar .closebtn {position: absolute;top: -34px;right: 3px;font-size: 36px;margin-left: 50px;}
.openbtn {font-size: 20px;cursor: pointer;background-color: rgb(255, 255, 255) ;padding: 10px 15px;border: none;}
.openbtn:focus{outline: none;}
#main {transition: margin-left .5s;padding: 16px;}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */



.offer-area{display: none;}
.offer-area,.offer-area-collapse h2 {font-size: 28px; line-height: 36px;}
.offer-area,.offer-area-collapse p{font-size: 16px; line-height: 22px; padding: 0px}
.offer-tab-content-area .container{padding: 15px}
.offer-tab-content-area .nav{display: block;}
.offer-area-collapse .card {border-bottom: #C4C4C4 1px solid; padding:0 }
.offer-area-collapse .card .card-header .btn-link {padding: 20px 0 20px 45px; font-size: 18px}
.offer-area-collapse .card .card-header .btn-link.collapsed::before { background: url(../images/down.png) center center no-repeat; position: absolute; width: 35px; height: 35px; content: ''; top: 15px; left:  0px; border-radius: 50%;}
.offer-area-collapse .card .card-header .btn-link::before {background: url(../images/up.png) center center no-repeat; position: absolute; width: 35px;height: 35px; content: ''; top: 15px; left:  0px; border-radius: 50%;}
.offer-area-collapse .card .card-body {padding: 0px 0px 0px 0px;}
.offer-area-collapse .card .card-body h3{font-size: 18px;line-height: 25px;color: #005159;margin: 0 0 15px 0;}
.offer-area-collapse .card .card-body p{font-size: 15px;line-height: 20px;color: #121515;margin: 0 0 15px 0;padding: 0px;text-align: left;}
.offer-area-collapse .card .card-body ul.package-list{list-style-type: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.offer-area-collapse .card .card-body ul.package-list li{margin-bottom: 10px;margin-right: 10px;}
.offer-area-collapse .card .card-body ul.package-list li a{border: #047F8A 1px solid;border-radius: 50px;line-height: 20px;padding: 8px 14px;font-size: 14px;font-weight: 400;color: #047f8a;display: block;}
.offer-area-collapse{display: block;}
.offer-area-collapse

.how-it-works .how-it-work-slider {display: none;}
.how-it-works {padding: 0px;}
.how-it-works h2{font-size: 28px; line-height: 36px;}
.how-it-works .work-box {display: none; width: 90%; padding: 0 0 40px 0px}
.how-it-works .work-box .photo-area{width: 200px; top: -100px; left: 50%; margin-left: -100px;}
.how-it-works .work-box .photo-area img{width: 100%}
.how-it-works .work-box .work-content{width: 100%; padding: 115px 15px 25px 15px; display: block; border-radius: 15px; margin-top: 100px; height: auto;}
.how-it-works .work-box .work-content h3{font-size: 24px; line-height: 28px; margin: 0 0 15px 0}
.how-it-works .how-it-work-slider .swiper-wrapper .swiswiper-slide:last-child{display: none !important;}
.how-it-works .how-it-work-slider .swiper-wrapper{display: block; transform: translate3d(0, 0px, 0px) !important;}
.how-it-works .swiper-button-next {display: none; width: 81px !important; height: 118px !important; right: 0px !important; margin-top: 0; top: 42px}
.how-it-works .swiper-button-prev {display: none; width: 81px !important; height: 118px !important; left: 0px !important; margin-top: 0; top: 42px}

.how-it-work-page.index {display: block ;}

.home-health-hub-area{padding: 0px 0 0 0}
.home-health-hub-area h2{font-size: 28px; line-height: 36px; margin: 0px}
.home-health-hub-area h2 a{position: relative; right: 0; font-size: 16px; color: #047F8A; width: 100%; display: block;}
.home-health-hub-area .health-slider{width: 100%}

.customer-stories-area{padding: 50px 0 0 0}
.customer-stories-area h2{font-size: 28px; line-height: 36px; margin: 0px 0px 15px 0px}

.get-in-touch{padding: 0px 0 50px 0}
.get-in-touch .image-area {position: relative; left: 10%; top: 0; width: 90%; margin-bottom: 10px}
.get-in-touch h2{font-size: 28px; line-height: 36px; margin: 0px 0px 15px 0px}
.get-in-touch p {font-size: 14px; line-height: 20px;}
.get-in-touch p strong{margin-bottom: 10px; font-size: 16px; line-height: 20px; }
.get-in-touch .form-area{padding: 0px 0px 0px 20px}
.get-in-touch .btn-submit{width: 100%}

.footer-main .border-top{padding: 25px}
.footer-main ul.footer-link{margin-bottom: 20px}
.footer-main h4{font-weight: 700}
.footer-main ul.footer-link.three-list{column-count: 2;}
.footer-main .social-link{margin-top: 25px}
.footer-main .social-link ul.social-media{text-align: center;}
.footer-main .social-link ul.social-media li{margin: 0 5px}
.footer-main .social-link ul.footer-link{text-align: center;}
.footer-main .social-link ul.footer-link li {line-height: 20px; font-size: 14px; margin: 0 5px;}
.footer-main .social-link ul.footer-link li a {font-size: 12px !important;line-height: 18px !important;}
.sign-in-area{background: #FBBB21; padding: 50px 0}
.sign-in-area h2{color: #fff; font-size: 26px; line-height: 26px;}
.sign-in-area h3 {font-size: 18px;}
.sign-in-area.sign-up-page{background: #E6544C}
.sign-in-area::before, .sign-in-area.sign-up-page::before{content: none}
.sign-in-area .form-area{width: 100%; margin: 30px auto 0 auto}
.sign-in-area .padding_70{padding: 25px}
.sign-in-area .bottom-link-area{padding: 20px}
.sign-in-area .bottom-link-area::before {height: 74px; width: 51px; position: absolute; top: 10px; right: 10px; background-size: 100%;}

  /*new style end */

.after-login-header-mobile{display: block !important; box-shadow: 0px 5px 20px rgba(18, 21, 21, 0.08); background: #fff; padding: 15px; display: flex; justify-content: space-between; flex-direction: row-reverse; position: relative; }
.after-login-header-mobile .logo{width: 36px; position: absolute; left: 50%; margin-left: -20px;}
.after-login-header-mobile .logo img{width: 100%;}
.after-login-header-mobile .btn-menu {background: transparent; color: #047F8A;padding: 0px; border: 0px; width: 36px; height: 36px; text-align: center; line-height: 36px; font-size: 20px;}
.after-login-header-mobile .btn-menu:focus {outline: none; box-shadow: none}
.after-login-header-mobile .user-icons {float: right; padding: 3px 0 0 0px; }
.after-login-header-mobile .user-icons a:first-child {margin-right: 7px; text-align: center;}
.after-login-header-mobile .user-icons a i{font-size: 20px; padding-top: 7px; color :#047F8A}
.after-login-header-mobile .user-icons a  .cart-icon{width: 25px; height: 25px; display: inline-block; vertical-align: bottom;}

.wrapper {display: flex;   height:100%; position:relative }
#sidebar_area {margin-left:0; top: 66px; position:fixed; z-index:99; height:100%; min-width:270px;  max-width:270px}
#sidebar_area .logo{display: none;}
#sidebar_area.active {margin-left:-300px; position:absolute; z-index:99; height:100%}
#sidebar_area ul {padding: 15px}
#sidebar_area ul li.edit-pro{display: block;}
#sidebar_area ul li.user-profile-menu{display: none;}

#content{padding: 0px}
.page-content {padding-bottom: 30px;}
.content-pd-15{padding: 10px}
.content-pd-15.pd-top-0 {padding:0 10px}
.header-profile{padding: 10px; display: block; margin-top: 70px;}
.header-profile .leftside{padding-left: 50px; min-height: 40px;}
.header-profile .leftside .name{font-size: 14px; line-height: 22px; margin: 0px}
.header-profile .leftside .name-code{width: 40px; height: 40px; line-height: 40px; font-size: 24px}
.header-profile ul.link {display: none;}
.header-profile ul.link li{display: inline-block; float: none; width: 49%; margin: 0px}
.header-profile ul.link li a{line-height: 24px; font-size: 14px}
.header-profile ul.link li a .icon{margin: 0px 10px 0px 0}

.latest-test-results{padding: 15px; margin: 10px 0}
.latest-test-results .titlebar{display: block;}
.latest-test-results .titlebar .title {font-size: 18px;}
.latest-test-results .titlebar ul.option li{margin-left: 0px; display: block;}
.latest-test-results ul.result-lists{margin: 10px 0px 0px 0px}
.latest-test-results ul.result-lists li{display: block; padding: 15px;}
.latest-test-results ul.result-lists li .test-name{width: 100%; padding-left: 35px; margin-bottom: 10px;}

.latest-test-results ul.result-lists h2 {font-size: 20px; line-height: 25px}
.latest-test-results ul.result-lists .testing_example_img p {font-size: 16px; margin: 15px 0}
.latest-test-results ul.result-lists .testing_example_img .test_result_img  {display: none;}
.latest-test-results ul.result-lists .testing_example_img .test_result_img.test_result_img_mobile {display: block;}

.latest-test-results .titlebar ul.option{margin: 15px 0;}
.latest-test-results ul.result-lists li .name{padding-left: 35px;width:100%;}
.latest-test-results ul.result-lists li .test-date {width:100%; margin: 15px 0 0 0;}
.latest-test-results ul.result-lists li .test-name::before {top: 3px; left: 0px;}
.latest-test-results ul.result-lists li .test-date {padding-left: 35px; margin-bottom: 10px;}
.latest-test-results ul.result-lists li .test-status {width: 80%; margin: auto;}
.latest-test-results .btn-view {border-left: none; padding: 10px 0 0 0px; width: 100%;}
.latest-test-results .btn-book {padding: 0 40px; line-height: 40px; margin-top: 10px;}
.promotions-area {min-height: inherit; padding: 10px}
.promotions-area .image-area {position: relative; width: 90%; bottom: -2px; left: 5%;}
.promotions-area .promotions-content {width: 240px; padding-top: 30px; margin: 0 auto 30px auto; display: none; }
.promotions-area .promotions-content h2{margin: 0px 0px 20px 0px; font-size: 26px; line-height: 26px;}
.promotions-area .promotions-content p{margin: 0px 0px 20px 0px;}
.promotions-area .promotions-content .btn-view{display: block;}

.health-hub-area .health-box .title {font-size: 16px;}

.select2-container {width: 100%}

/* edit profile page */

.content_area_main {padding:20px 10px;}
.content_area_main .heading h3 {font-size: 20px;}
.content_area_main.edit_profile {padding: 20px 10px;}
.content_area_main .profile_form {padding: 15px; overflow: hidden;}
.content_area_main .profile_form .btn {line-height: 30px; margin-top: 20px;}
.content_area_main .profile_form .select_address ul li {padding: 15px;}
.content_area_main .profile_form .select_address ul li .radio  {padding: 0;}
.content_area_main .profile_form .select_address ul li .radio .add_detail {width: 60%;}
.content_area_main .profile_form .promo {display: block; padding: 5px;}
.content_area_main .profile_form .promo .promp_img {width: 100%;}
.content_area_main .profile_form .promo .promp_img img {border-radius: 0 10px 10px 0;}
.content_area_main .profile_form .promo .aplly_code {width: 100%; display: block; padding: 0;}
.content_area_main .profile_form .promo .form-control {margin: 20px 0; width: 100%;}
.content_area_main .profile_form .promo .btn-apply {display: block; margin: 0 auto 15px auto; width: 140px; line-height: 40px;}
.content_area_main .profile_form .heading.recaptcha {display: block;}
.content_area_main .profile_form .heading.recaptcha .form-check {padding: 0; margin-top: 20px}
.content_area_main .profile_form .btn-checkout { line-height: 30px; margin-top: 0px; width: 100%;}
.latest-test-results.dependent ul li .user-name::before {left: 0 !important;}
.latest-test-results.dependent ul li .user-name {padding-left: 30px !important; width: 100% !important}
.latest-test-results.dependent ul li .btns {padding:0  !important; border-left :none !important;}
.latest-test-results.dependent ul li .btns .btn{width: 100%  !important; text-align: left !important;}
.latest-test-results.dependent ul li .btns a {padding: 0 5px !important; margin-top: 15px !important;}
.latest-test-results.dependent ul.result-lists nav ul.pagination li {padding: 0}
.content_area_main .profile_form.dependent {overflow: hidden !important;}
.content_area_main .profile_form.dependent .heading{display: block; margin-top: 20px;}
.content_area_main .profile_form.dependent .btn.btn-add {width: 100%; margin-top: 20px; line-height: 40px}
.content_area_main .profile_form .select_address ul li .address1::before { top: 0; left: 0; }
.content_area_main .profile_form .select_address ul li .address2::before { top: 0; left: 0; }

.content_area_main input[type="checkbox"].css-checkbox + label.css-label { line-height: 25px}

/* manage location */


.latest-test-results.select_location .select_address ul li {display: block; padding: 10px 0; }
.latest-test-results.select_location .select_address ul li p {margin: 10px 0 0 20px;}
.latest-test-results.select_location .select_address .btns {border-left: none; padding: 20px; width: 100%}
.latest-test-results.select_location .select_address ul li .btns a {padding: 0 10px 0 0;}
.latest-test-results.select_location .select_address ul li .radio {width: 100%; padding: 0;}
.latest-test-results.select_location .select_address ul li .radio .add_detail {width: 100%;}
.latest-test-results.select_location .select_address ul li .radio .icon {width: 100px;}
.latest-test-results.select_location .select_address ul nav ul.pagination li {padding: 0}


.content_area_main .heading.locate {display: block;}
.content_area_main .heading.locate a.btn.btn-current {width: 100%; margin-top: 10px;}
.content_area_main .profile_form .btn.btn-saved {line-height: 30px;width: 100%;}

/* test_trend & test-result */

.content_area_main .profile_form.test_trend {padding: 15px}
.content_area_main .profile_form.test_trend .data-input {display: block;}
.content_area_main .profile_form.test_trend .data-input .form-group {width: 100%; margin: 0px;}
.content_area_main .profile_form.test_trend .data-input .form-group .form-control {border-radius: 10px; height: 40px !important;}

.content_area_main .profile_form.test_trend.test-result .titlebar ul.option{display: flex;flex-wrap: wrap;}
.content_area_main .profile_form.test_trend.test-result .titlebar ul.option li {margin-left: 20px;width: 100%}
.content_area_main .profile_form.test_trend.test-result .titlebar .title {display: none;}
.content_area_main .profile_form.test_trend.test-result .filter-mobile {display: block; margin: 0 0 15px 0}
.content_area_main .profile_form.test_trend.test-result .filter-mobile .filter-btn {float: right; cursor: pointer;}
.content_area_main .profile_form.test_trend.test-result .filter-mobile .filter-btn i {margin-right: 7px}
.content_area_main .profile_form.test_trend.test-result .filter-mobile .filter{display: none;}
.content_area_main .profile_form.test_trend.test-result .search_test_result{display: none;}

.content_area_main .profile_form.test_trend.test-result .data-input .form-group {width: 100%;}
.content_area_main .profile_form.test_trend.test-result .data-input .form-group:last-child {width: 100%;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li {padding: 15px; display: block;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .show-result {align-items: center; justify-content: space-between;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .show-result .btn {margin-left: 15px;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result {padding: 0}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .test_detail { margin-top: 10px}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .test_detail .test_code,
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .test_detail .result-mg  {width: 50%; font-size: 14px}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .test_detail .test_name{width: 50%; font-size: 14px}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .test-name{width: 100%}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main {overflow-x:scroll; padding: 30px 0 20px 0;margin: 5px 0 0 0; width: 100%;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area {width: 100%;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .heading {margin: 5px 0 15px 0;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .heading p {padding: 0; font-size: 12px; line-height: normal;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .name {color: #047F8A; width: 100%; padding: 0}

.content_area_main .profile_form.test_trend.test-result .data-input .form-group.name{width:100%}
.content_area_main .profile_form.test_trend.test-result .data-input .form-group.nm-of-test {width: 100%;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .test-date{width: 100%; max-width: 100%; padding: 0; margin: 10px 0}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .test-status{width: 100%;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li  .heading {display: block;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li  .heading p{padding: 0 ; margin-bottom:10px ; line-height: 20px;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .result-main  {padding: 20px 10px; display: block; }
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .result-main .result-mg {margin-top: 10px;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .result-main .result_area {align-items: flex-start;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .result-main {padding: 30px 10px 10px 10px;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .result-main .result_area.covid {display: block;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .result-main .result_area.covid .covid-dis {width: 100%; margin: 10px 0;}
.content_area_main .profile_form.test_trend .latest-test-results ul li .test_detail {display: block;}
.content_area_main .profile_form.test_trend .latest-test-results ul li .test_detail .name{margin: 10px 0; width: 100%; padding: 0}
.content_area_main .profile_form .choose_id a.view-upload {float: left;}
.content_area_main .profile_form .choose_id .form-controlGroup-inputWrapper { margin-bottom: 20px}
.content_area_main .profile_form.test_trend .latest-test-results ul li .test_detail .test_name {width: 100%}
.content_area_main .profile_form.test_trend .latest-test-results ul li .btn-view {width: 100%;}
.content_area_main .profile_form.test_trend .latest-test-results ul .pagination li {padding: 0;}
.plus-minus-toggle {margin: 10px 0;}
.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .btn.btn-download{padding: 0}

.content_area_main .profile_form.test_trend.test-result .data-input .search {border-radius: 10px; width: 100%; height: 40px !important;}
.content_area_main .profile_form.test_trend.test-result .data-input .search .search-btn {padding: 7px 0 0 0;}

/* feedback */

.content_area_main .profile_form.feedback_form p{margin: 0; line-height: 20px}

.breadcrumb-area{margin: 20px 0}
.contact-page{padding: 0px 0 50px 0}
.contact-page h2{font-size: 28px; line-height: 36px; margin: 0px 0px 15px 0px}
.contact-page p {font-size: 14px; line-height: 20px; margin: 30px 0 }
.contact-page p strong{margin-bottom: 10px; font-size: 16px; line-height: 20px;}
.contact-page .form-area{padding: 0px 0px 0px 20px}
.contact-page .btn-submit{width: 100%}

.contact-page ul.info-area li{width: 100%; margin: 8px 0}
.contact-page ul.info-area{padding: 10px 0; margin: 20px 0; display: block;}

/* blood */

.help-center-area h2 {font-size: 28px; line-height: 38px; margin: 0 0 10px 0}
.help-center-area ul.link-list li a{font-size: 16px; line-height: 16px; padding: 15px}
.help-center-area ul.link-list li a span{font-size: 14px; line-height: 16px; margin-top: 4px;}
.help-center-area ul.link-list li a::before {  height: 30px; width: 23px; position: absolute; top: 18px; right: 15px;}
.help-center-area ul.link-list li {margin-bottom: 10px;}

.how-it-work-page h2{font-size: 30px; line-height: 30px; margin: 0 0 20px 0;}
.how-it-work-page p{margin-bottom: 15px}
.how-it-work-page .work-box{display: block;}
.how-it-work-page .work-box .photo-area {position: relative; width: 80%; left: 10%;}
.how-it-work-page .work-box .photo-area img{width: 100%}
.how-it-work-page .work-box .work-content {border-radius: 15px; width: 100%; height: auto; padding: 25px;top: -20px;position: relative;z-index: -1}
.how-it-work-page .work-box .work-content h3{font-size: 24px; margin: 0 0 10px 0}
.how-it-work-page .work-box .work-content p{font-size: 14px}
.how-it-work-page .work-box:nth-of-type(2n+2) .photo-area{left: 10%}
.how-it-work-page .work-box:nth-of-type(2n+2) .work-content{border-radius: 15px; width: 100%; height: auto; padding: 25px;}
.how-it-work-page .work-box .work-content h3 span { font-size: 18px;}


.faq-page h2{font-size: 30px; line-height: 40px; margin: 20px 0 20px 0;}
.faq-page p{margin-bottom: 15px}
.faq-page .card-header .btn-link{padding: 20px 55px 0 0; font-size: 16px; white-space: inherit; min-height: auto;}
.faq-page .card-header .btn-link::before, .faq-page .card-header .btn-link.collapsed::before {width: 46px; height: 46px;}
.faq-page .card-body {padding: 10px 0px 0px 0px; font-size: 14px}

.health-hub-page {padding: 0px 0 30px 0;}
.health-hub-page h2{font-size: 30px; line-height: 40px; margin: 0 0 20px 0;}
.health-hub-page p{margin-bottom: 15px}
.health-hub-page .photo-area{padding: 110px 0 20px 0; margin-top: 110px; height: auto; border-radius: 50px; text-align: center;}
.health-hub-page .photo-area img {position: absolute; top: -90px; right: 50%; width: 200px; margin-right: -120px;}
.health-hub-page .photo-area h3{font-size: 24px; line-height: 30px; width: auto;}
.health-hub-page ul.test_categories {width: 100%}
.health-hub-page ul.test_categories li a {padding: 0 16px; line-height: 30px;}
.health-hub-page ul.test_categories li {width: 49.3%; margin: 0 0 10px 0;}
.health-hub-page ul.test_categories li .btn-category {padding: 15px 40px; width: 100%; display: block;}

.health-hub-list .health-box .title {font-size: 18px;}

.health-hub-page.detail-page .date {margin-bottom: 10px;}
.health-hub-page.detail-page .photo-area{padding: 110px 0 20px 0; margin-top: 110px; height: auto; border-radius: 50px; text-align: center;}
.health-hub-page.detail-page .photo-area img {position: absolute; top: -90px; right: 50%; width: 200px; margin-right: -100px;}
.health-hub-page.detail-page .share-profile{display: block;}
.health-hub-page.detail-page .share-profile .profile-box{margin-bottom: 10px}
.health-hub-page.detail-page .share-profile .share ul li img {width: 30px;}
.health-hub-page.detail-page p.detail-text {margin-top: 30px;}

.blood-test-photo-area .blood-image {width: 100%;}
.blood-test-photo-area::before {top: 35px;}
.test-main {margin: 30px 0; padding: 30px}
.test-main .heading {display: block;}
.test-main .heading ul li{margin: 0; display: block;}
.test-main .heading ul li:first-child{margin-bottom: 10px}
.test-main .test-list ul li {padding: 20px 20px 30px 20px;}
.test-main .test-list ul li .btn.amt-btn{line-height: 2;padding: 0 10px;}

/* about  */

.about-top-area h1 {font-size: 28px;}
.about-top-area .content-area{display: block;}
.about-top-area .content-area .leftside {width: 100%;}
.about-top-area .content-area .leftside h2 {font-size: 36px;line-height: 40px; margin-top: 30px;}
.about-top-area .content-area .rightside {width: 100%}
.about-top-area .content-area .rightside img {width: 220px; margin: auto;}

.mission-section .col-lg-6 {margin-bottom: 30px}
.mission-section .col-lg-6:last-child {margin-bottom: 0px}
.mission-section .main-box {padding: 20px 20px;}
.mission-section .main-box h2 {font-size: 28px;}
.number-section h2{font-size: 28px;}
.number-section .col-lg-4 {margin-bottom: 30px}
.number-section .col-lg-4:last-child {margin-bottom: 0px}

.about_doctor{margin-top: 30px}

.our_story {padding: 0;}
.our_story .content-area {display: block;}
.our_story .content-area .rightside h2 {font-size: 28px}
.our_story .content-area .leftside {width: 320px;  margin: auto;}
.our_story .content-area .leftside img{width: 100%; margin: auto;}
.our_story .content-area .rightside {width: 100%; padding:30px 0 0 0}

.our_story .story_year {position: relative; padding: 30px 0 0 0;}
.our_story .story_year .story_data{background-color: #52B9CC; width: 2px; height: 750px; margin-top: 90px; position: relative; margin-left: 50%}
.our_story .story_year .story_data ul {list-style: none;  padding: 0; margin: 0 auto; }
.our_story .story_year .story_data ul li {display: block;}

.our_story .story_year .story_data ul li.year1 {font-weight:  600; position: absolute; top: 5%; left: 42px;  margin-top: -20px}
.our_story .story_year .story_data ul li.year1 img {position: absolute;  top: -30px; right: 85px;}
.our_story .story_year .story_data ul li.year1::after{ content: ''; position: absolute; background-color: #52B9CC; height: 2px; width: 30px; top: 10px; left: -50px; z-index: -1;}

.our_story .story_year .story_data ul li.year2 {font-weight:  600; position: absolute; left: -55px; top: 30%; margin-top:  -48px; }
.our_story .story_year .story_data ul li.year2 img {position: absolute;  top: -30px; left:  85px;}
.our_story .story_year .story_data ul li.year2::after{ content: ''; position: absolute; background-color: #52B9CC; height: 2px; width: 30px;top: 10px;left: 55px; z-index: -1;}

.our_story .story_year .story_data ul li.year3 {font-weight:  600; position: absolute; left: 42px;  top: 50% ; margin-top: -20px;}
.our_story .story_year .story_data ul li.year3 img {position: absolute;  top: -30px; right: 85px;}
.our_story .story_year .story_data ul li.year3::after{ content: ''; position: absolute; background-color: #52B9CC; height: 2px; width: 30px; top: 10px; left: -50px; z-index: -1;}

.our_story .story_year .story_data ul li.year4 {font-weight:   600; position: absolute; left: -55px;bottom: 30% ;margin-bottom: -24px; }
.our_story .story_year .story_data ul li.year4 img {position: absolute;  top: -30px; left:  85px;}
.our_story .story_year .story_data ul li.year4::after{ content: ''; position: absolute; background-color: #52B9CC; height: 2px; width: 30px;top: 10px;left: 55px; z-index: -1;}

.our_story .story_year .story_data ul li.year5 {font-weight:  600; position: absolute; top: 95%; right: -37px;  margin-top: -0px}
.our_story .story_year .story_data ul li.year5 img  {position: absolute;  top: -30px; right: 85px;}
.our_story .story_year .story_data ul li.year5::after{ content: ''; position: absolute; background-color: #52B9CC; height: 2px; width: 30px; top: 10px; left: -50px; z-index: -1;}

.about_doctor h2 {font-size: 28px;}
.about_doctor .dr-box .designation {margin: 10px 0 20px 0;}

.our_lab  {padding: 60px 0 60px 0;}
.our_lab h2 {font-size: 28px}
.our_lab img{width: 100%; }

.about-top-area.test-package .content-area .leftside {padding-left: 0;}
.about-top-area.test-package .content-area .leftside h3 {font-size: 28px; margin: 15px 0}
.covered_test {margin: 30px 20px 30px 20px; padding: 30px 0}
.covered_test h2 {font-size: 30px;line-height: 40px; margin-bottom: 20px;}
.covered_test .test-box ul.package-list li a {padding: 8px 15px; font-size: 14px;}
.covered_test .test-box .test-name {font-size: 18px;}
.covered_test .test-box p {margin: 20px 0 25px 0;}
.covered_test .test-box {padding: 20px 20px 20px 20px; max-height: 630px;}

.faq-page.test-package h2 {font-size: 30px;line-height: 40px;}
.faq-page.test-package .card-header .btn-link {font-size: 16px;}

/* add to cart */

.latest-test-results.cart-summary .titlebar .title {font-size: 24px}
.latest-test-results.cart-summary .result-lists {margin: 0; border: none; border-radius: 8px; padding: 0;}
.latest-test-results.cart-summary .result-lists .heading h3 {font-size: 20px}
.latest-test-results.cart-summary .result-lists form.date-time .location-selection h3 {margin: 10px 0 0 0}
.latest-test-results.cart-summary .result-lists form.date-time .location-selection ul {margin: 10px 0 20px 0}
.latest-test-results.cart-summary .result-lists .profile_form .select_address ul li .radio{position: relative; display: block; margin: auto;}
.latest-test-results.cart-summary .result-lists .profile_form .select_address ul li .radio .checkmark { position: absolute; top: 10px; right: 0}
.latest-test-results.cart-summary .result-lists .profile_form .select_address ul li .radio .checkmark{display: block; margin: auto;}
.latest-test-results.cart-summary .result-lists .profile_form .select_address ul li label.radio .address_line{width: 100%; display: block; margin: 15px 0 0 0}
.latest-test-results.cart-summary .result-lists .profile_form .select_address ul li label.radio .address_line .add_detail {width: 100%;}
.latest-test-results.cart-summary .result-lists .profile_form .select_address ul li label.radio .address_line .address {width: 100%; margin: 15px 0;}
.latest-test-results.cart-summary .result-lists ul li .field {margin-bottom: 10px}
.latest-test-results.cart-summary .result-lists ul.test_application {display: block; position: relative;}
.latest-test-results.cart-summary .result-lists ul.test_application li.delete-item {padding: 0px; position: absolute; position: absolute;top: 7px;right: 20px;}
.latest-test-results.cart-summary .result-lists ul.test_application li:last-child {margin-left: 0px;}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc { display: block; width: 100% !important; padding: 15px}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .patient-name {width:100%; margin-top: 15px}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .test_detail {width: 100%; display: block;}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .test_detail .test_code {width: 100%}
.latest-test-results.cart-summary .result-lists ul.test_application  li.test-disc .test_detail .name {width: 100%;margin: 10px 0}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc form.patient-name {width: 100%; margin-top: 10px}
.latest-test-results.cart-summary .result-lists ul.test_application  li.test-disc .test_detail .test_name { width: 100%; margin-top: 10px}
.latest-test-results.cart-summary .result-lists ul.test_application li.test-disc .amount  {margin-top: 10px;width: 100%; text-align: left;}

.latest-test-results.cart-summary.checkout .amount-detail {padding:15px}
.latest-test-results.cart-summary.checkout .amount-detail .total {justify-content: space-between;}
.latest-test-results.cart-summary.checkout .amount-detail .amount {width: auto;}
.latest-test-results.cart-summary.checkout .result-lists .promo {display: block; padding: 0 0 15px 0}
.latest-test-results.cart-summary.checkout .result-lists .promo .promp_img {display: none;}
.latest-test-results.cart-summary.checkout .result-lists .promo .promp_img img {width: 100%}
.latest-test-results.cart-summary.checkout .result-lists .promo .aplly_code {  padding: 0 20px; margin: 20px 0;}
.latest-test-results.cart-summary.checkout .result-lists .promo .btn-apply {display: block; margin: 0 50px}
.latest-test-results.cart-summary.checkout .result-lists form .form-control.location {display: none;}
.latest-test-results.cart-summary.checkout .result-lists form textarea{display: block;;}

.latest-test-results.cart-summary .text-right {display: block; text-align: left !important;}
.latest-test-results.cart-summary .text-right p{margin: 0 0 20px 0; text-align: center;}
.latest-test-results.cart-summary .text-right .btn-checkout {line-height: 30px; margin-top: 0px; width: 100%;}
.latest-test-results.cart-summary .result-lists form .form-control { margin-bottom: 20px}
.latest-test-results.cart-summary .result-lists .heading {display: block;}
.latest-test-results.cart-summary .result-lists .heading a{ display: block; margin-top: 10px}
.latest-test-results.cart-summary .no_data .empty_img {width: 100%}

.content_area_main .latest-test-results.cart-summary .profile_form .select_address {margin:-30px 0 20px 0}


.latest-test-results.front.cart-summary .result-lists ul.test_application { display: block; margin: 0px 0 0 0;}
.latest-test-results.front.cart-summary .result-lists ul.test_application:first-child {margin: 0 0 0 0}
.latest-test-results.front.cart-summary .result-lists .test_application li .tesi_detail {display: block; width: 100% ; }
.latest-test-results.front.cart-summary .result-lists .test_application li .tesi_detail .test_name {margin: 10px 0 0 0; width: 100%}
.latest-test-results.front.cart-summary .result-lists .heading { margin: 10px 0}
.latest-test-results.front.cart-summary .text-right {display: block;}
.latest-test-results.front.cart-summary .text-right p {margin: 0 0 20px 0;}
.latest-test-results.front.cart-summary .text-right .btn-checkout { line-height: 30px; margin-top: 0px; width: 100%;}
.latest-test-results.front.cart-summary .result-lists ul.test_application li.delete-item {text-align: center; float: none; margin: 0}

/* our_test */

.test-main .heading form{display: block;}
.test-main .heading form .search{width: 100%}
.test-main .heading ul  li {display: block; margin: 10px 0 0 0}
.test-main .test-list.single-test ul li .heading {display: block;}
.test-main .test-list.offer-page ul li .heading {display: block;}
.test-main .test-list nav ul.pagination {display: block;}
.test-main .test-list nav ul.pagination li.page-item {display: inline-block; margin: 0 0 10px 10px;}
.test-main .test-list nav ul.pagination li.page-item:nth-of-type(4n+1){margin: 0}

/* view test */

.content_area_main .profile_form.view_test .test-main .heading form{display: block;}
.content_area_main .profile_form.view_test .test-main .heading form .search{width: 100%}
.content_area_main .profile_form.view_test .test-main .heading ul  li {display: block; margin: 10px 0 0 0}
.content_area_main .profile_form.view_test .test-main .test-list.single-test ul li .heading {display: block;}
.content_area_main .profile_form.view_test .test-main .test-list.offer-page ul li .heading {display: block;}
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul {display: block;}
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item {display: inline-block; margin: 0 0 10px 10px;}
.content_area_main .profile_form.view_test .test-main .test-list ul nav ul li.page-item:nth-of-type(5n+1){margin: 0}

.content_area_main .profile_form.change_password {width: 100%;}
.content_area_main .profile_form.change_password .pswd_info {width: 100% !important}

.pswd_info {width: 100% !important}

/* order detail page */

.latest-test-results.order_detail  h2 {font-size: 26px}
.latest-test-results.order_detail .test-disc {padding: 5px;}
.latest-test-results.order_detail .test-disc .name span {display: block;}
/* .latest-test-results.order_detail .test-disc ul.info-list li.info{display: block !important;} */
/* .latest-test-results.order_detail .test-disc ul.info-list li.info:nth-child(2){text-align: right !important;} */
.latest-test-results.order_detail ul.amount-detail {text-align: left !important; padding: 5px;}
.latest-test-results.order_detail ul.amount-detail li.total span {float: right; padding: 0; width: auto;}

.content_area_main .test_trend_main .trend_chart {padding: 15px 15px 15px 15px;}
.content_area_main .test_trend_main .trend_chart .chart-main-area {height: 200px;}
.content_area_main .test_trend_main .trend_chart .heading {display: block; margin: 0 0 30px 0;}
.content_area_main .test_trend_main .trend_chart .heading h3 {font-size: 20px; margin-bottom: 10px}
.content_area_main .test_trend_main .trend_chart .chart-main-area canvas {width: 100% !important}
.content_area_main .test_trend_main .trend_chart .heading input {width: 120px;}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .high-red-area span {right: 12px;  font-size: 12px}
.content_area_main .test_trend_main .trend_chart .chart-main-area .custom-y-bar .low-red-area span {right: 17px; font-size: 12px}

.content_area_main .profile_form.order-history .table-responsive {display: block; }
.content_area_main .profile_form.order-history .table-responsive thead tr {position: absolute;  left: -100%;}
.content_area_main .profile_form.order-history .table-responsive thead {display: none;}
.content_area_main .profile_form.order-history .table-responsive tbody tr {border-top: #e9eef1 5px solid;}
.content_area_main .profile_form.order-history .table-responsive tbody tr td { text-align: right;position: relative; line-height: 24px !important; display: inline-block; width: 100%; padding: 10px 0px 5px 0px !important;;}
.content_area_main .profile_form.order-history .table-responsive tbody tr td:before { color: #000; width: 100%; white-space: nowrap; line-height: 20px; font-size: 16px; font-weight: 700; text-align: left; margin-right: 10px; position: absolute; left: 0 }
.content_area_main .profile_form.order-history .table-responsive tbody tr td:first-child {padding: 10px 0px 5px 0px !important;}

.content_area_main .profile_form.order-history .table-responsive tbody tr td:nth-of-type(1):before {content: "ID";}
.content_area_main .profile_form.order-history .table-responsive tbody tr td:nth-of-type(2):before {content: "Date";}
.content_area_main .profile_form.order-history .table-responsive tbody tr td:nth-of-type(4):before {content: "Amount";}
.content_area_main .profile_form.order-history .table-responsive tbody tr td:nth-of-type(5):before {content: "Status";}
.content_area_main .profile_form.order-history .table-responsive tbody tr td:nth-of-type(7),
.content_area_main .profile_form.order-history .table-responsive tbody tr td:nth-of-type(8),
.content_area_main .profile_form.order-history .table-responsive tbody tr td:nth-of-type(9){display: none;}

.content_area_main .profile_form.order-history .table-responsive tbody td.action-links {margin-bottom: 15px}
.content_area_main .profile_form.order-history .table-responsive tbody td.action-links ul{margin: 0;display: flex; align-items: center; justify-content: space-between; padding: 0; list-style: none;}
.content_area_main .profile_form.order-history .table-responsive tbody td.action-links ul li {font-size: 14px}

nav ul.pagination li { margin: 0 10px 10px 0;}

#test-modal .appointment_date.form-control.datepicker.hasDatepicker{margin-bottom: 15px}
.footer_copyright {display: block; padding: 15px}
.footer_copyright ul.link {display: flex; justify-content: space-between;}
.footer_copyright ul.link li {margin-right: 30px;}
.footer_copyright p {text-align: center; margin-top: 10px}

.dashboard_footer .footer_copyright{position: absolute; width: 100%}

/* partner -----------------------------------------------------------------------------------*/
/* partner-dashboard */

#sidebar_area.partner_sidebar_area {top: 60px;}
.content_area_main.partner-main {min-height: auto;padding: 10px 10px 50px 10px; margin: 10px;}
.partner-details .fixed-top{position: static;}
.content_area_main.partner-main .book-box .title h3 {font-size: 20px; line-height: 24px;}
.content_area_main.partner-main .book-box.mobil {height:350px }
.content_area_main.partner-main .book-box .patient-detail ul li h3 {font-size: 20px}
.content_area_main.partner-main .book-box .patient-detail::after {right: 50%;bottom: -160px;margin-right: -45px;}
.content_area_main.partner-main .latest-test-results.dependent .titlebar .form-control {width: 100%}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li{display: block;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .user-name {width: 100%; margin-bottom: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .uid {width: 100%; margin-bottom: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .test-date {width: 100%; padding: 0; margin-bottom: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists li .btns.test-result { margin-top: 10px; width: 100%; padding: 10px;display: block;}

/* our-doctor */

.content_area_main.partner-main .latest-test-results.dependent.our-doctors .titlebar .option {display: block;}
.content_area_main.partner-main .latest-test-results.dependent.our-doctors .titlebar .option .search-box {margin: 10px 0 20px 0}
.content_area_main.partner-main .latest-test-results.dependent.our-doctors ul.result-lists li .doctor-name::before {left: 0}
.content_area_main.partner-main .latest-test-results.dependent.our-doctors ul.result-lists li .doctor-name {padding-left: 40px; width: 100%}
.content_area_main.partner-main .doctor-box .left-input {width: 100%; margin-bottom: 30px}
.content_area_main.partner-main .doctor-box {padding: 30px 30px;display: block;}

/* test */

.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li {padding: 10px 10px 10px 10px;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li .test-code {width: 100%; margin-bottom: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li .test-name {width: 100%; margin-bottom: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li .test-dis {width: 100%; margin-bottom: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests li .amnt {width: 100%; text-align: left;}

/* test-result */

.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .test-code {width: 100%;margin-bottom: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .date {width: 100%;margin-bottom: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .test-name {width: 100%; margin-bottom: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .patient-name {width: 100%; margin-bottom: 15px}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.result li .dr-name {width: 100%; margin-bottom: 15px}

/* book a text */

.content_area_main.edit_profile.partner-main {padding: 10px 10px 70px 10px;}
.content_area_main.edit_profile.partner-main .profile_form .patient-search .d-flex {display: block !important;}
.content_area_main.edit_profile.partner-main .profile_form .patient-search .d-flex .search-box {width: 100%;}
.content_area_main.edit_profile.partner-main .profile_form .patient-search .d-flex a {display: block; margin: 15px 0 0 0; text-align: center;}

/* register user */
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li {display: block;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-name {padding-left: 40px; width: 15%}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-name::before {left: 0}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li a.download{width: 100%;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-detail{height: auto; display: block;; width: 100%; padding: 0; list-style: none; overflow-x: hidden; overflow-y: scroll;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-detail .uid{width: 100%;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-detail .mailid {width: 100%; margin-bottom: 15px;}
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-detail .date {width: 100%; margin-bottom: 15px; }
.content_area_main.partner-main .latest-test-results.dependent ul.result-lists.health-tests.user li .user-detail .history {width: 100%; margin-bottom: 15px;}

.content_area_main .profile_form.test_trend.test-result .latest-test-results ul li .all-result .patient-result .result-main .result_area .result-detail {display: none;}

}