/* Desktop */
@media (min-width: 1601px) and (max-width: 2560px) {
}

/* Laptop */
@media (min-width: 1367px) and (max-width: 1440px) {
    .wd_dispatch_bx .modal-body {
        height: 380px;
    }
    .header_blog .navbar .menu-item a {
        padding: 10px 10px;
    }
    .brand img {
        width: 100px;
    }
}
@media (min-width: 1201px) and (max-width: 1366px) {
    .bannerimg_right,
    .aboutus_leftimg,
    .aboutus_rightimg {
        width: 100%;
    }
    .header_blog .navbar .menu-item a {
        font-size: 12px;
    }
    .header_blog .container-fluid {
        padding: 0 10px;
    }
    .header_blog .navbar .menu-item a.login-btn {
        background: #017474;
        border-radius: 6px;
        box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.14);
        padding: 10px 6px;
        margin: 0px 10px;
        font-weight: 600 !important;
        font-size: 16px;
        line-height: 16px;
        text-align: center;
        color: #ffffff;
        display: inline-block;
        text-transform: capitalize;
        -webkit-transition: ease-in-out 0.5s;
        -moz-transition: ease-in-out 0.5s;
        -o-transition: ease-in-out 0.5s;
        transition: ease-in-out 0.5s;
    }

    .menu-item a.menu-btn {
        background: #ffffff;
        box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.14);
        border-radius: 6px;
        margin: 0px 10px;
        padding: 12px 24px;
        font-weight: 600 !important;
        text-align: center;
        color: #3a3a3c !important;
        display: inline-block;
        margin-right: 0px;
    }

    .brand img {
        width: 155px;
        object-fit: contain;
        cursor: pointer;
    }
    .white-logo {
        height: 35px;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
    br {
        display: none;
    }
    p {
        font-size: 14px;
    }
    .wd-home-bnr-dtls h1 {
        font-size: 32px;
    }
    .wd-main-title,
    .wd-section-title h2 {
        font-size: 30px;
    }
    .testbox_blog {
        padding: 10px 10px;
    }
    /* my dna */
    .wd-myDna-list li:nth-child(2) {
        margin: 100px 0 0 170px;
    }
    .wd-myDna-list li:nth-child(3) {
        margin: 100px 170px 0 0;
    }
    .wd-myDna-list li:nth-child(4) {
        margin: 300px 0 0 50px;
    }
    .wd-myDna-list li:nth-child(5) {
        margin: 300px 50px 0 0;
    }
    .wd-ordr-info-dtls br {
        display: block;
    }
    .wd-login-form .form-group .form-control,
    #phone {
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: clip;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    /*--General Padding--*/
    * {
        line-height: 1.6;
    }
    .row-reverse {
        flex-flow: column-reverse;
    }
    .cardiac_blog,
    .wd_mygene_blog,
    .wd-mr-profile-flow,
    .wd-mr-banner,
    .wd-mr-testing,
    .wd-mr-story-bg,
    .wd-mr-genatic-bg,
    .wd-mr-news-area {
        padding: 30px 0;
    }
    main {
        padding: 0 0;
    }

    /* home page */
    .table_content {
        width: 100%;
    }
    .wd-mr-banner {
        background: none;
        background-color: #fff;
    }
    .wd-section-title h2 {
        font-size: 26px;
    }
    .wd-home-right img,
    .wd-mr-testing-img img,
    .wd-ptnt-story-right img {
        margin-bottom: 20px;
    }
    .wd-mr-news-area .wd-section-title,
    .wd-mr-genatic-bg .wd-section-title {
        width: 100%;
    }
    .wd-mr-news-box img {
        margin-bottom: 16px;
    }
    .wd-mr-news-box h4 {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .wd-section-title p,
    .wd-home-bnr-dtls p,
    .wd_cardiac_lft p {
        font-size: 14px;
    }
    .wd-mr-genatic-bg .owl-carousel .owl-nav button span,
    .owl-story .owl-nav button span {
        width: 40px;
        height: 40px;
    }
    .wd-mr-genatic-bg .owl-carousel .owl-nav button span svg,
    .owl-story .owl-nav button span svg {
        width: 28px;
        height: 28px;
    }
    .wd-mr-genatic-bg .owl-carousel .owl-nav button.owl-next,
    .owl-story .owl-nav button.owl-next {
        right: -40px;
    }
    .wd-section-title h2::after {
        margin: 10px auto 0;
    }
    /*cardiac Detail*/
    .wd_cardiac_rgt img {
        height: auto;
        width: 100%;
    }
    /*.wd_cardiac_logo img{height: auto;margin: 15px auto;}*/
    .wd_mygene_blog {
        margin: 0;
    }
    .wd_kit .row .col-lg-3 {
        margin-bottom: 0;
    }
    .wd_kit_bx {
        margin-bottom: 25px;
    }
    .wd_enquire_bx h3 {
        width: 60%;
        font-size: 14px;
    }
    .wd_note_bx,
    .wd_gene_bx,
    .wd_proactive_bx {
        padding: 15px;
    }
    .wd_gene_bx,
    .wd_proactive_bx {
        margin-bottom: 15px;
    }
    .wd_note_blog {
        grid-gap: 15px;
    }
    .wd_catalogues .row .col-lg-4:nth-child(odd) {
        padding-right: 15px !important;
    }
    .wd_enquire_bx {
        padding: 0 15px 15px;
    }
    .wd_inner_banner_txt {
        font-size: 26px;
        margin-bottom: 0;
    }
    .wd_cardiac_lft h2 {
        font-size: 26px;
    }
    .wd_gene_bx h3 {
        font-size: 20px;
        line-height: normal;
    }
    .wd_inner_banner {
        height: 160px;
    }
    #owl-management {
        padding: 0 0 30px;
    }
    .test_mainsec {
        padding: 20px 0 0;
    }
    .aboutus_main {
        padding: 30px 0 0 !important;
    }
    .wd-mr-team-box img {
        width: 150px !important;
        height: 150px !important;
    }
    .wd-mr-team-area .owl-carousel .owl-stage-outer {
        overflow: hidden !important;
    }
    .wd-mr-team-box img {
        margin: 0 auto 10px;
    }
    .wd-mr-team-box,
    .wd_pub_body {
        padding: 15px;
    }
    /*   Login Flow */
    .custom-container-fluid {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .wd-mr-loginflow .wd-login-area {
        width: 70%;
        margin: 0 auto;
    }
    .wd-mr-loginflow {
        background: #fff;
    }
    .wd-login-bg {
        display: none;
    }
    .wd-login-form .form-group {
        margin-bottom: 15px;
    }
    .wd-login-title,
    .wd-login-logo {
        margin: 0px auto 15px;
    }
    .wd-login-area .nav.nav-pills {
        margin: 0 auto 30px;
    }
    .wd_login_btn {
        margin: 15px auto;
    }
    .wd-login-title h1 {
        font-size: 25px;
    }
    .header_blog .navbar .menu-item a.login-btn {
        font-size: 14px;
    }
    /* profile */
    .wd-mr-left-menu {
        margin-bottom: 20px;
    }
    .wd-mr-left-menu ul {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .wd-mr-left-menu ul li a svg {
        display: none;
    }
    .wd-mr-left-menu li:first-child a {
        border-radius: 14px 0 0 14px;
    }
    .wd-mr-left-menu li a {
        padding: 14px 12px;
    }
    .wd-profile-area .wd-login-form {
        padding: 20px;
        width: 100%;
    }
    .wd_frm_grp .form-group {
        width: 100%;
    }
    .wd-mr-profile-right .breadcrumb-item,
    .breadcrumb-item a {
        font-size: 15px;
    }
    .wd-login-form .form-group .control-label {
        font-size: 14px;
    }
    .wd-update-btn,
    .wd-modal-btn {
        margin: 20px auto 10px;
    }
    .wd-profile-modal .modal-body p {
        font-size: 14px;
    }
    /* contact us */
    .wd-mr-contactus {
        margin: 35px 0;
    }
    .wd-mr-contact-bg img {
        width: 100%;
        border-radius: 15px;
        height: 600px;
    }
    .wd-contact-right {
        padding: 25px 15px;
    }
    .wd-mob-view {
        display: block;
    }
    .wd-desk-view {
        display: none;
    }
    /*derma*/
    .wd-quote-box {
        margin: 20px 0 30px;
    }
    .wd_cardiac_logo img {
        margin: 15px 0 20px;
    }
    .cardiac_blog,
    .wd-quote-box:before,
    .wd-quote-box:after {
        background: #fff;
    }
    .wd-quote-box h3 {
        font-size: 18px;
    }
    .wd-quote-box {
        width: 100%;
        border-radius: 15px;
        padding: 12px;
    }
    .wd-quote-box:before,
    .wd-quote-box:after {
        font-size: 30px;
    }
    .wd_cardiac_logo img {
        width: 75%;
    }
    .wd-mr-value-box {
        margin: 0 auto 15px;
        width: 200px;
        height: 200px;
    }
    /* Cart   */

    .wd_cart_blog .col-lg-8 .col-lg-6:nth-child(odd),
    .wd_cart_blog .col-lg-8 .col-lg-6:nth-child(even) {
        padding-left: 15px !important;
    }
    .wd_add_bx .modal-body {
        padding: 0 10px 10px;
    }
    .wd_payment_bx,
    .wd_adrss_bx {
        margin-bottom: 15px;
    }
    .wd_booking .wd_frm_grp {
        grid-gap: 6px;
    }
    .wd_story_top h3 {
        font-size: 18px;
        line-height: 25px;
    }
    .wd_story_top {
        display: block;
    }
    ul.wd_social_media {
        margin-bottom: 15px;
    }
    .wd_story_txt {
        margin: 15px 0 0;
    }
    .wd_story_bx {
        padding: 15px 15px;
        margin-bottom: 15px;
    }
    .wd_story_blog {
        margin: 0;
        padding: 30px 0;
    }
    .wd_review .modal-header .close {
        margin: 0 14px;
    }
    .wd_review .modal-body {
        padding: 12px 15px 15px;
    }
    /* my dna */
    .wd-myDna-list.wd-mob-view {
        display: none;
    }
    .wd-myDna-list.wd-desk-view {
        display: block;
    }
    .wd-myDna-list li:nth-child(2) {
        margin: 100px 0 0 60px;
    }
    .wd-myDna-list li:nth-child(3) {
        margin: 100px 60px 0 0;
    }
    .wd-myDna-list li:nth-child(4) {
        margin: 280px 0 0 -50px;
    }
    .wd-myDna-list li:nth-child(5) {
        margin: 280px -50px 0 0;
    }
    .wd-dna-box h3 {
        font-size: 10px;
    }
    .wd-dna-box {
        width: 100px;
        height: 100px;
    }
    .wd_pub_title h3,
    .wd_pub_body h4 {
        font-size: 15px;
        line-height: normal;
    }
    .wd_pub_bx,
    .wd_enquire_bx form .form-group {
        margin-bottom: 15px;
    }
    .wd_proactive_bx span,
    .wd_story_title {
        font-size: 16px;
    }
    .wd_login_btn {
        padding: 10px 50px;
    }
    .wd-mr-value-box img {
        height: 50px;
    }
    .doctor_cardiclogo {
        width: 100%;
    }
    .wd-cmpny-about p:last-child {
        margin-bottom: 1rem;
    }
    .mydna_mainimg {
        width: 100%;
    }
    /* Popup   */
    .wd_ordr_detail .form-group {
        display: block;
        margin-bottom: 10px;
    }
    .wd_ordr_detail .form-group label {
        width: 100%;
        margin-bottom: 0.2rem;
    }
    .wd_ordr_detail .form-control {
        width: 100%;
    }
    .wd_ordr_detail .wd_login_btn {
        margin: 15px auto 0;
    }
    .wd_schedule_blog .wd_sch_phone {
        margin-bottom: 20px;
    }
    .aboutus_main .wd-section-title h2 {
        text-align: center;
    }
    .aboutus_main .wd-section-title h2::before {
        right: 0;
        margin: 0 auto;
        left: 0;
        text-align: center;
    }
    .aboutus_main .wd-sectio {
        width: 100%;
    }
    n-title h2::after {
        margin: 15px auto 0;
        left: 0;
        right: 0;
        text-align: center;
    }
    .wd_dispatch_bx .phone_grp {
        width: 100%;
    }
    .wd_dispatch_bx .modal-body {
        height: 600px;
    }
    .wd-mr-team-area .wd-section-title {
        margin-bottom: 30px;
    }
    .wd-mr-faq .card-header .title {
        width: 100%;
    }
    .testbox_main .testbox_blog {
        height: auto;
        margin-bottom: 15px;
    }
    .wd_dispatch_btn {
        padding: 8px 10px;
    }
    .toggle-icon svg {
        width: 20px;
        height: 20px;
    }
    .wd_gene_bx p img {
        width: 100%;
    }
    .wd_ordr_detail .dis-input {
        width: 100%;
    }
    .footer .wd-main-footer {
        position: relative;
        z-index: 1111;
    }
    .back-to-top {
        z-index: 1111;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 767px) {
    main {
        padding: 81px 0 0;
    }
    /* modal */
    .modal-body h1 {
        font-size: 30px;
    }
    .modal-body img {
        width: 80%;
    }
    /*cardiac Detail   */
    .wd_story_img img,
    .cardic_doctor {
        height: auto;
    }
    .wd_cardiac_rgt::after {
        height: 100px;
        margin: 0px 0 -20px 15px;
    }
    .wd_cardiac_rgt::before {
        height: 100px;
    }
    .wd_cardiac_logo img {
        margin: 20px auto 15px;
    }
    .wd_note_blog {
        display: block;
    }
    .wd_genetic_img,
    .wd_note_bx {
        margin-bottom: 15px;
    }
    /* home */
    .wd-mr-news-box {
        text-align: center;
    }
    /*  Login Flow */
    .wd-mr-loginflow {
        background-position: inherit;
    }

    /* Profile   */
    .wd-profile-area .wd-login-form {
        padding: 15px;
    }
    .wd-ordr-dtls p {
        margin-bottom: 5px;
    }
    .wd-ordr-lft {
        grid-gap: 8px;
    }
    .wd-notify-header h3 {
        font-size: 14px;
    }
    .wd-notify-area {
        padding: 0 15px;
    }
    .wd-notify-blog {
        padding: 15px 0;
    }
    /* contact us */
    .wd-mr-contact-bg img {
        height: auto;
    }
    /* my dna */
    .wd-myDna-list.wd-desk-view {
        display: none;
    }
    .wd-myDna-list.wd-mob-view {
        display: flex;
        margin: 0;
        width: 100%;
        overflow-x: scroll;
        padding-bottom: 15px;
        justify-content: center;
    }
    .wd-myDna-list li:nth-child(2),
    .wd-myDna-list li:nth-child(3),
    .wd-myDna-list li:nth-child(4),
    .wd-myDna-list li:nth-child(5) {
        position: relative;
        margin: 0 -10px;
    }
    .wd-myDna-list li:first-child {
        position: relative;
        margin: 0 5px;
    }
    .wd-mr-team-box img {
        height: auto;
        object-fit: cover;
    }
    #myDna {
        padding: 50px 0px 50px;
    }
    .doctor_beatylogo {
        width: 100%;
    }
    /* Video Listing   */
    .wd_video_blog .testbox_blog {
        margin-bottom: 15px;
    }
    .wd-ordr-info-dtls br {
        display: block;
    }
    /*  tel    */
    .iti-mobile .iti__country-list {
        max-height: unset;
        width: unset;
        bottom: 0;
        height: auto;
    }
    .iti__country-list {
        max-width: 90% !important;
        width: 100%;
        margin: 0 auto;
        text-align: center !important;
    }
    .wd-ordr-lists li {
        display: block;
    }
    .wd-order-rgt {
        flex-direction: unset;
        align-items: center;
        margin: 10px auto 0;
    }
    .wd-order-rgt h6 {
        margin-bottom: 0;
    }
    .wd-ordr-lists li {
        padding-bottom: 10px;
    }
    .wd-ordr-dtls span {
        font-size: 14px;
    }
    .wd_cardiac_lft h2 {
        font-size: 20px;
    }

    .wd-mr-team-box .linkedin-icon-wrapper{
        width: 40px !important;
        height: 40px !important;
        border-radius: 50%;
        border: 1px solid rgba(0,0,0,0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
      }
      #linkedin-icon{
        margin-top: 7px;
        width: 30px  !important;
        height: 30px !important;
        border-radius: 0px !important;
      }

      .board_counselling {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
      
      }
      .board_counselling img{
        width: 150px;
        height: 150px;
      }
      
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    /* home */
    .wd-mr-genatic-bg .owl-carousel .owl-nav,
    .owl-story .owl-nav {
        display: block;
        width: 100%;
        text-align: center;
        margin: 30px 0 0;
    }
    .wd-mr-genatic-bg .owl-carousel .owl-nav button,
    .owl-story .owl-nav button {
        top: unset;
        position: unset;
        display: inline-block;
        transform: none;
    }
    .wd-mr-genatic-bg .owl-carousel .owl-nav button.owl-prev,
    .owl-story .owl-nav button.owl-prev {
        margin-right: 15px;
    }
    .wd_article_bx .owl-carousel .owl-nav {
        display: flex;
        justify-content: center;
        grid-gap: 15px;
    }
    .wd_article_bx .owl-carousel .owl-nav button {
        position: unset;
        margin: 0;
    }
    .wd_article_bx .owl-carousel .owl-nav button,
    .wd_article_bx .owl-carousel .owl-nav button {
        transform: unset;
    }
    .wd_article_bx .owl-carousel .owl-nav button span,
    .wd_article_bx .owl-carousel .owl-nav button span {
        width: 42px;
        height: 42px;
    }
    /*    .wd-mr-story-bg .owl-carousel .owl-nav button span{display: none;}*/
    .wd-mr-story-bg .owl-carousel .owl-nav button.owl-prev {
        display: block;
    }
    .wd-mr-story-bg .owl-carousel .owl-nav {
        position: unset;
        justify-content: center;
        grid-gap: 15px;
        margin: 15px auto 0;
    }
    .wd-order-img img {
        width: 70px;
        height: 70px;
    }
    .wd-ordr-dtls h4 {
        font-size: 14px;
        margin-bottom: 0;
    }
    .wd-ordr-dtls span {
        font-size: 12px;
    }
    .wd-ordr-dtls p {
        margin-bottom: 0;
        font-size: 12px;
    }
    ul.wd-ordr-lists {
        padding: 15px;
    }
    .wd-order-details {
        display: block;
    }
    .wd-order-rgt {
        flex-direction: unset;
        margin: 10px auto 0;
    }
    .wd-lft-notify span {
        width: 45px;
        height: 45px;
    }
    .wd-purchase-item {
        display: block;
    }
    .wd-purchase-item-rgt {
        flex-direction: unset;
        justify-content: space-between;
        margin: 10px 0 0;
    }
    .wd_dispatch_btn {
        padding: 8px 15px;
    }
    /* my dna */
    .wd-myDna-list.wd-mob-view {
        justify-content: flex-start;
    }
    /*   Login */
    .wd-mr-loginflow .wd-login-area {
        width: 100%;
        margin: 0 auto;
    }
    .wd-mr-genatic-bg .owl-carousel .owl-nav button span,
    .wd-mr-team-area .owl-carousel .owl-nav button span,
    .owl-story .owl-nav button span {
        width: 35px;
        height: 35px;
    }
    .wd-mr-team-box h4 {
        font-size: 15px;
    }
    .wd-ordr-info-dtls ul li span {
        min-width: 85px;
    }
    /*  video Responsive  */
    .wd_video_blog .owl-carousel .owl-nav {
        display: flex;
        align-items: center;
        grid-gap: 10px;
        justify-content: center;
        margin: 10px auto;
    }
    .wd_video_blog .owl-carousel .owl-nav button,
    .wd_video_blog .owl-carousel .owl-nav button {
        position: unset !important;
    }
    .wd_video_blog .owl-carousel .owl-nav button,
    .wd_video_blog .owl-carousel .owl-nav button {
        transform: unset !important;
    }
    .wd_video_blog .owl-carousel .owl-nav button.owl-next,
    .wd_video_blog .owl-carousel .owl-nav button.owl-next {
        margin-right: 0 !important;
    }
    .wd_video_blog .owl-carousel .owl-nav button span,
    .wd_video_blog .owl-carousel .owl-nav button span {
        width: 40px !important;
        height: 40px !important;
    }

    .get-more-btn {
        margin: 0 auto;
        text-align: center;
    }
    .iti__country-list {
        max-width: 85% !important;
        width: 100%;
        margin: 0 auto;
        text-align: center !important;
    }
    .wd-mr-genatic-bg .owl-carousel .owl-nav button,
    .wd-mr-team-area .owl-carousel .owl-nav button,
    .wd-mr-team-area .owl-carousel .owl-nav {
        position: unset;
        transform: unset;
    }
    .wd-mr-team-area .owl-carousel .owl-nav {
        justify-content: center;
        margin: 20px 0 0;
    }
    .wd-mr-team-area .owl-carousel .owl-nav button.owl-prev {
        margin-right: 15px;
    }
    .redirection_link,
    .wd-order-rgt span {
        font-size: 12px;
    }
}
@media (max-width: 480px) {
    .wd_cardiac_rgt::after {
        height: 60px;
        margin: 0px 0 0 15px;
    }
    .wd_cardiac_rgt::before {
        height: 60px;
    }
    .wd-home-bnr-dtls ul li:nth-child(even) {
        margin: 0 0 0px 80px;
    }
    .wd-ordr-lft {
        display: block;
    }
    .wd-order-img {
        margin-bottom: 10px;
    }
    .error {
        font-size: 10px;
        white-space: nowrap;
    }
}
@media (max-width: 375px) {
    .redirection_link,
    .wd-order-rgt span {
        font-size: 10px;
    }
    .wd-order-rgt {
        justify-content: center;
        margin: 5px auto 0;
    }
}
@media (max-width: 363px) {
    .wd-ftr-top-left {
        display: block;
    }
    .wd-ftr-top-left a {
        margin-bottom: 15px;
    }
    .wd-ftr-top-left a:last-child {
        margin-bottom: 0;
    }
    .error {
        font-size: 8px;
    }
}


/* @media screen and (min-width: 1500px) and (max-width: 1930px) { 
    .header_blog .container-fluid {
        padding: 0 10px;
    }
	
} */

/* @media (min-width: 1400px) {
    .header_blog .container-fluid {
        padding: 0 10px;
    }
	
} */

@media (min-width: 1600px) { 
    .header_blog .container-fluid {
        padding: 0 10px;
    }

    .brand img {
        width: 135px;
        object-fit: contain;
        margin-right: 15px;
        padding-left: 5px;
    }
    
    .header_blog .navbar .menu-item a {
        font-size: 15px;
    }
}


@media (min-width: 1920px) { 
    .header_blog .container-fluid {
        padding: 10px 80px;
    }

    .brand img {
        width: 175px;
        object-fit: contain;
        margin-right: 15px;
        padding-left: 5px;
    }

    .wd-mr-banner {
        height: 600px;
    }

    .item {
        margin-top: 87px;
    }

    .proton_footer {
        background-size: cover !important;
    }
}


@media (min-width: 1280px) {  
    .header_blog .container-fluid {
        padding: 0 0px;
        /* border:  2px solid red; */
    }

    /* .brand img {
        width: 135px;
        object-fit: contain;
        margin-right: 15px;
        padding-left: 5px;
    } */
    
    /* .header_blog .navbar .menu-item a {
        font-size: 15px;
    } */
}

@media (min-width: 1366px) {  
    .header_blog .container-fluid {
        padding: 0 10px;
    }

}