@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff') format('woff'),url('../fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/OpenSans-Light.woff') format('woff'),url('../fonts/OpenSans-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/OpenSans-Bold.woff') format('woff'),url('../fonts/OpenSans-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans Semi-Bold';
    src: url('../fonts/OpenSans-SemiBold.woff') format('woff'),url('../fonts/OpenSans-SemiBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans Extra-Bold';
    src: url('../fonts/OpenSans-ExtraBold.woff') format('woff'),url('../fonts/OpenSans-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff') format('woff'),url('../fonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat Thin';
    src: url('../fonts/Montserrat-Thin.woff') format('woff'),url('../fonts/Montserrat-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat Light';
    src: url('../fonts/Montserrat-Light.woff') format('woff'),url('../fonts/Montserrat-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('../fonts/Montserrat-Bold.woff') format('woff'),url('../fonts/Montserrat-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('../fonts/Montserrat-SemiBold.woff') format('woff'),url('../fonts/Montserrat-SemiBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat ExtraBold';
    src: url('../fonts/Montserrat-ExtraBold.woff') format('woff'),url('../fonts/Montserrat-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat ExtraBold';
    src: url('../fonts/Material-Design-Icons.woff') format('woff'),url('../fonts/Material-Design-Icons.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px
}

body {
    font-family: "Open Sans";
    color: #57656e;
    font-size: 16px;
    line-height: 22px
}

p {
    font-family: "Open Sans";
    color: #57656e;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 25px
}
.AuthorRole{
		font-size: 18px;
		color: #1D3443;
		line-height: 130%; /* 26px */
		font-weight: 400;
}
.container {
    max-width: 1400px
}

h1 {
    font-family: 'Open Sans';
    font-size: 42px;
    line-height: 46px;
    color: #1d3443;
    letter-spacing: -.03em;
    font-weight: 300;
    margin-bottom: 25px
}

h2 {
    font-family: "Open Sans Light";
    font-size: 45px;
    line-height: 50px;
    color: #1d3443;
    letter-spacing: -.03em;
    font-weight: 300;
    margin-bottom: 25px
}

h3 {
    font-size: 30px;
    line-height: 40px;
    color: #1d3443;
    letter-spacing: -.03em;
    font-weight: 300;
    margin-bottom: 25px
}

h4 {
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 30px;
    color: #1d3443;
    letter-spacing: -.03em;
    font-weight: 600;
    margin-bottom: 22px
}

h5 {
    font-size: 20px;
    line-height: 26px;
    color: #1d3443;
    letter-spacing: -.03em;
    font-weight: 300;
    margin-bottom: 15px
}

h6 {
    font-size: 18px;
    line-height: 20px;
    color: #1d3443;
    letter-spacing: -.03em;
    font-weight: 600;
    margin-bottom: 15px
}

ul {
    list-style-type: disc
}

    ul.gold-point-list {
        list-style: none;
        color: #57656e;
        margin-bottom: 40px
    }

        ul.gold-point-list li::before {
            content: "•";
            color: #d5bfac;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            margin-left: -1em
        }

    ul.space-separated-list li {
        margin-bottom: 10px
    }

select {
    background: url('../images/icons/GoldArrowDown.svg') no-repeat 96% !important;
    background-color: #fff !important;
    -moz-appearance: none;
    -webkit-appearance: none
}

    select::-ms-expand {
        display: none
    }

a, a:visited {
    color: #1d3443;
    font-weight: bold;
    outline: 0;
    text-decoration: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn-primary, .btn-default {
    font-family: 'Open Sans Light';
    font-weight: 600;
    background: #1d3443 !important;
    margin: 0;
    text-transform: none;
    font-size: 16px;
    border-radius: 3px;
    min-height: 56px;
    padding: 15px 30px
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:not([disabled]):not(.disabled):active, .btn-default:hover, .btn-default:active, .btn-default:not([disabled]):not(.disabled).active {
        background-color: #e88b1f !important;
        color: #1d3443 !important
    }

.vhr{
  border-right: 1px solid #61717B;
  height:60%;
  display: inline-block;
  margin-top: 20px;
}	


.footerHeading{
	font-size: 18px;
	font-weight: 700;
}

.btn-secondary {
    font-family: 'Open Sans Light';
    font-weight: 600;
    background-color: transparent !important;
    color: #1d3443;
    margin: 0;
    text-transform: none;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #bec2c6;
    min-height: 56px;
    padding: 15px 30px
}

    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:not([disabled]):not(.disabled):active {
        background: #1d3443 !important
    }

.DNNContainer_Title_h2.SpacingBottom > h2 {
    margin: 0 !important
}

    .DNNContainer_Title_h2.SpacingBottom > h2 .TitleH2 {
        display: none
    }

.MobileImage, .SmallMobileImage {
    display: none
}

#hccMediaContent .input-group {
    flex-wrap: nowrap
}

input#hccSearchInput {
    margin-top: 5px;
    cursor: pointer
}

#hccCategoryDropdown {
    margin-top: 5px
}

#hccMediaContent {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

    #hccMediaContent .thumbnail {
        background: #fff;
        padding: 25px 20px;
        margin: 15px 15px 15px 0;
        box-shadow: 0 4.30868px 10.7717px rgba(0,0,0,.1);
        border-radius: 3.72606px;
        min-height: 300px !important
    }

    #hccMediaContent h3 {
        font-size: 20px;
        line-height: 24px;
        font-weight: bold
    }

    #hccMediaContent h4 {
        font-size: 15px;
        color: #666;
        margin-bottom: 8px
    }

    #hccMediaContent p {
        font-size: 15px;
        color: #9a9fa7
    }

    #hccMediaContent #hccMediaItems {
        padding-top: 35px
    }

    #hccMediaContent .input-group-btn {
        z-index: 1;
        margin-top: -1px;
        display: block
    }

        #hccMediaContent .input-group-btn button {
            background: url(../images/icons/SearchIcon.svg) no-repeat center;
            background-position-x: 70%;
            background-color: #fff;
            height: 48px !important;
            box-shadow: none;
            margin-left: -67px
        }

            #hccMediaContent .input-group-btn button:hover, #hccMediaContent .input-group-btn button:focus, #hccMediaContent .input-group-btn button:active {
                box-shadow: none
            }

header {
    position: fixed;
    left: 0;
    right: 0;
    height: 90px;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    z-index: 1050;
    background: #fff;
    overflow: visible;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

    header.Unloaded {
        height: 0
    }

@media all and (max-width: 800px) {
    header.Unloaded {
        height: 115px;
        overflow: visible
    }
}

.navbar {
    box-shadow: none;
    height: 80px;
    position: inherit;
    padding: 0
}

    .navbar #dnn_dnnLogo_hypLogo {
        width: 75px;
        height: 100%
    }

        .navbar #dnn_dnnLogo_hypLogo img {
            width: 100%;
            margin-top: 10px
        }

    .navbar .nav-wrapper {
        height: auto
    }

        .navbar .nav-wrapper .navbar-nav {
            height: 100%;
            width: 100%;
            justify-content: left
        }

.navbar-nav .nav-item {
    position: inherit;
	margin-left: 100px;
}

    .navbar-nav .nav-item:before {
        content: ""
    }

.nav-item.dropdown.show .nav-link, .nav-item:hover .nav-link {
    color: #1d3443;
    font-weight: bold !important;
    transition: all .3s
}

.navbar-nav .nav-item .nav-link {
    padding: 29px 15px !important;
    display: block;
    color: #57656e;
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s
}

.navbar-nav .nav-item .dropdown-menu {
    left: 0;
    right: 0;
    background: #80898f;
    box-shadow: 0 4px 50px rgba(26,34,57,.15);
    border-radius: 0;
    opacity: 0;
    display: block !important;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: visibility .2s,opacity .2s linear;
    padding: 0;
    border: 0
}

    .navbar-nav .nav-item .dropdown-menu.show {
        visibility: visible;
        opacity: 1;
        height: 70px;
        transition: visibility .2s,opacity .2s linear
    }

    .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper {
        display: flex;
        justify-content: space-between;
        padding: 17px 0
    }

        .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item {
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            line-height: 17px;
            border-right: 1px solid #fff;
            text-align: center
        }

            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:last-child {
                border: 0 none
            }

            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:hover, .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:active, .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:focus {
                background: none;
                color: #d5bfac
            }

            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item.TM span {
                font-size: 8px;
                vertical-align: top;
                line-height: 5px
            }

.navbar .LoginButton {
    padding: 15px 50px
}

.navbar button {
    height: 15px;
    position: relative;
    width: 25px;
    padding: 0;
    margin: 15px;
    border-width: 0;
    background-color: transparent
}

    .navbar button.collapsed .navbar-toggler-icon:before {
        background: #1d3443;
        content: '';
        height: 3px;
        display: block;
        width: 25px;
        border-radius: 10px;
        top: 0;
        position: absolute;
        left: 0;
        transform: rotate(0deg);
        transition: all .5s
    }

    .navbar button.collapsed .navbar-toggler-icon:after {
        background: #1d3443;
        content: '';
        height: 3px;
        display: block;
        width: 25px;
        border-radius: 10px;
        top: 10px;
        position: absolute;
        left: 0;
        transform: rotate(0deg);
        transition: all .5s
    }

    .navbar button .navbar-toggler-icon:before {
        background: #1d3443;
        content: '';
        height: 3px;
        display: block;
        width: 25px;
        border-radius: 10px;
        top: 5px;
        position: absolute;
        left: 0;
        transform: rotate(45deg);
        transition: all .5s
    }

    .navbar button .navbar-toggler-icon:after {
        background: #1d3443;
        content: '';
        height: 3px;
        display: block;
        width: 25px;
        border-radius: 10px;
        top: 5px;
        position: absolute;
        left: 0;
        transform: rotate(-45deg);
        transition: all .5s
    }

.SubPageMenuContainer .navbar-nav > li > a {
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 22px;
    align-items: center;
    color: #1d3443 !important;
    margin-bottom: 20px;
    padding-right: 20px;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    transition: color ease-in-out .4s;
    display: table
}

.SubPageMenuContainer .dropdown-toggle::after {
    display: none
}

@media(max-width: 990px) {
    .navbar .nav-wrapper {
        margin: 0 -15px
    }

        .navbar .nav-wrapper .navbar-nav {
            display: block;
            justify-content: left;
            margin: 0;
            height: auto;
            background: #1d3443
        }

    .navbar-nav .nav-item {
        margin: 0 30px;
        border-bottom: 1px solid #fff;
        padding: 0
    }

        .navbar-nav .nav-item:last-child {
            border: 0 none
        }

    .nav-item.dropdown .nav-link {
        background: url('../images/icons/WhiteArrowDown.svg') no-repeat right 30px center
    }

    .nav-item.dropdown.show .nav-link {
        background: url('../images/icons/WhiteArrowUp.svg') no-repeat right 30px center
    }

    .navbar-nav .nav-item .nav-link, .nav-item.dropdown.show .nav-link {
        color: #fff;
        text-align: center;
        font-family: 'Open Sans Light';
        text-transform: capitalize;
        padding: 20px 0 !important;
        font-weight: 300;
        font-size: 18px
    }

        .nav-item.dropdown.show .nav-link:after, .nav-item:hover .nav-link:after {
            background: none
        }

    .navbar-nav .nav-item .dropdown-menu.show {
        position: relative !important;
        height: auto;
        background: none
    }

    .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper {
        display: block;
        padding-top: 0
    }

        .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item {
            border: 0 none;
            font-size: 13px;
            padding: 15px 0 0
        }

            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:after {
                content: '';
                height: 1px;
                width: 70px;
                background: #777;
                display: block;
                margin: 0 auto;
                margin-top: 15px
            }

            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:last-child:after {
                display: none
            }
}

.AppointmentNewHeader {
    background: linear-gradient(30deg,#1d3443 33.75%,rgba(29,52,67,1) 100%)
}

.AppointmentLogoMobile, .NetcarePlusLogoMobile {
    display: none
}

.AppointMedContentWrapper, .NetcarePlusContentWrapper {
    margin: 50px 0 0 0;
    display: inline-block;
    float: left;
    width: 53%
}

.AppointmedText, .AppointmedText, .BookAppointmedText {
    padding: 61px 0 61px 90px;
    margin-top: 20px;
    padding-right: 25%
}

.AppointmentLogo, .BookAppointmentLogo {
    padding-left: 90px;
    margin-top: 30px
}

.AppointmedText p, .BookAppointmedText p {
    color: #fff;
    font-weight: 300;
    line-height: 25.3px;
    font-style: normal
}

.AppointmedText strong, .NetcarePlusTopBannerText strong, .BookAppointmedText strong {
    font-family: 'Open Sans Semi-Bold'
}

.AppoinmentCall {
    font-size: 18px;
    font-weight: 300;
    color: #fff !important;
    line-height: 50px;
    background: url(/Portals/_default/Skins/Netcare-Core/images/icons/ArrowSmallRight.svg) no-repeat right center;
    padding-right: 25px;
    padding-left: 35px;
    float: right
}

    .AppoinmentCall:active, .AppoinmentCall:hover {
        color: #4682b4 !important;
        background: url(/Portals/_default/Skins/Netcare-Core/images/icons/LightBlueArrowRight.svg) no-repeat right center
    }

.btn-primary.btnAppointment, .btn-primary.btnBookAppointment {
    font-size: 16px;
    font-weight: 600;
    color: #1d3443 !important;
    background-color: #fff !important;
    box-shadow: 0 0 20px rgba(37,40,73,.2);
    width: 270px;
    font-family: 'Open Sans';
    height: 48px
}

    .btn-primary.btnAppointment:active, .btn-primary.btnAppointment:hover, .btn-primary.btnBookAppointment:active, .btn-primary.btnBookAppointment:hover {
        color: #fff !important;
        background-color: #e78b20 !important
    }

.AppointmentButton {
    padding-right: 20px;
    margin-top: 15%
}

.AppointBlockTwo, .NetcarePlusBlockTwo {
    margin-top: 50px;
    display: inline-block;
    float: right;
    width: 47%
}

.AppointmentHours p {
    margin-bottom: 2px;
    color: #fff;
    font-weight: bold;
    font-size: 19px
}

    .AppointmentHours p:first-child {
        font-size: 12px !important;
        letter-spacing: .15em
    }

    .AppointmentHours p:nth-child(3) {
        color: #afcce0;
        font-weight: 600
    }

.AppointmentBoxes {
    display: inline-block;
    float: right
}

.AppointmentHours {
    display: inline-block;
    padding-top: 65px
}

.AppointmentLogo img, .BookAppointmentLogo img {
    width: 43%
}

.AppointmentImg img, .NetcarePlusImg img {
    width: 100%
}

.HoursWrapper {
    padding-bottom: 25px
}

.NetcarePlusBlockTwo .HoursWrapper {
    padding-bottom: 30px
}

.AppointmentBoxes .box1 {
    display: inline-block;
    width: 135px;
    height: 135px;
    padding: 5px;
    opacity: .1;
    background-color: #fff;
    margin-right: 18px
}

.AppointmentBoxes .box2 {
    display: inline-block;
    width: 135px;
    height: 135px;
    padding: 5px;
    opacity: .1;
    background-color: #fff;
    margin-right: 18px
}

.AppointmentBoxes .box3 {
    display: inline-block;
    width: 135px;
    height: 135px;
    padding: 5px;
    opacity: .4;
    background-color: #fff
}

.BannerWrapper {
    position: relative
}

    .BannerWrapper .overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(38.97deg,rgba(26,34,57,.3) 48.04%,rgba(232,173,119,.3) 96.04%);
        opacity: .2
    }

    .BannerWrapper > img {
        width: 100%
    }

    .BannerWrapper .MobileImage {
        display: none
    }

    .BannerWrapper .words {
        position: absolute;
        left: 15%;
        top: 15%
    }

        .BannerWrapper .words .small-heading {
            font-family: Open Sans;
            font-style: normal;
            font-weight: bold;
            font-size: .9em;
            line-height: 22px;
            letter-spacing: .15em;
            text-transform: uppercase;
            color: #1d3443;
            margin-bottom: 8px
        }

        .BannerWrapper .words .big-heading {
            font-family: Open Sans Light;
            font-style: normal;
            font-weight: 300;
            font-size: 4.3em;
            line-height: 90px;
            letter-spacing: -.03em;
            color: #1d3443;
            margin-left: -6px
        }

        .BannerWrapper .words .highlighted-you {
            font-family: 'Open Sans Bold'
        }

        .BannerWrapper .words .highlighted-you-underlined {
            font-family: 'Open Sans Bold';
            background: url(/portals/0/OneNetcare/Banners/brush-stroke.png) no-repeat;
            background-size: 90%;
            min-height: 30px;
            position: relative;
            background-position-x: 10px;
            background-position-y: 75px;
            padding-bottom: 25px
        }

        .BannerWrapper .words .vector {
            position: absolute;
            left: 289px;
            top: 97px
        }

.AppointmedBanner .DesktopImage {
    display: block
}

.AppointmedBanner .MobileImage {
    display: none
}

#AppointMedNew p {
    font-size: 18px;
    line-height: 130%
}

.AppointmentNewCarousel, .AppointmentSecondBanner, .AppointmentNewLogo, .AppointmentNewForm, .AppointmentNewGrid, .AppointmentNewBanner, .AppointmentNewHeader {
    min-width: 100%
}

.AppointmentNewLogo {
    background: url(/portals/0/OneNetcare/Appointmed/wiggle.svg)no-repeat center #e7f0f6;
    padding-top: 115px;
    margin-top: -160px
}

.AppointmedLink {
    font-size: 18px;
    font-weight: 300;
    color: #1d3443 !important;
    line-height: 50px;
    background: url(/portals/0/OneNetcare/Appointmed/icons/Arrow.svg) no-repeat right center;
    padding-right: 25px;
    padding-left: 35px;
    text-align: center;
    margin-bottom: 5%;
    background-position: 58%
}

    .AppointmedLink:hover {
        color: #4682b4 !important;
        background: url(/Portals/_default/Skins/Netcare-Core/images/icons/LightBlueArrowRight.svg) no-repeat right center;
        background-position: 58%
    }

.AppointmedLogoTitle p {
    padding: 0 17%;
    color: #1d3443
}

.FullContainer {
    min-width: 100%
}

.FirstContainer img {
    width: 100%
}

.SecondContainer {
    padding: 100px;
    padding-left: 20%;
    font-family: 'Open Sans';
    font-weight: 300
}

.BannerTitleAppointMed {
    width: min-content;
    position: relative;
    font-style: normal;
    font-family: open sans light;
    font-size: 65px;
    line-height: 97%;
    color: #1d3443;
    letter-spacing: -.03em;
    font-weight: 300;
    margin-bottom: 25px
}

    .BannerTitleAppointMed h1 {
        font-style: normal;
        font-family: open sans light;
        font-size: 65px;
        line-height: 97%;
        color: #1d3443
    }

.BannerTextAppointMed {
    margin-right: 36%
}

    .BannerTextAppointMed p, .LogoTextAppointmed p {
        color: #1d3443
    }

.AppointmentNewBanner .NoPaddingLeft, .AppointmentNewHeader .NoPaddingLeft, .AppointmentSecondBanner .NoPaddingLeft, .AppointmentSecondBanner .NoPaddingRight {
    padding-left: 0
}

.AppointmentNewBanner .NoPaddingRight, .AppointmentNewHeader .NoPaddingRight, .AppointmentSecondBanner .NoPaddingLeft, .AppointmentSecondBanner .NoPaddingRight {
    padding-right: 0
}

.AppointmentNewBanner {
    position: relative
}

    .AppointmentNewBanner > .col-12 {
        position: initial
    }

.ANButton {
    background: rgba(70,130,180,.7);
    backdrop-filter: blur(5px);
    border-radius: 3px;
    width: 32%;
    color: #fff;
    align-items: center;
    display: flex;
    right: 33%;
    text-align: right;
    height: 20%;
    position: absolute;
    bottom: 15%;
    cursor: pointer
}

    .ANButton:hover {
        box-shadow: 0 10px 20px rgba(0,0,0,.05)
    }

a.ANLink {
    width: 18%;
    position: absolute;
    right: 8%;
    font-size: 14px
}

img.ANArrow {
    top: 50px;
    padding-top: 10px;
    right: 10%
}

.ANMobile {
    display: none
}

.MobileButtonAN {
    display: none
}

.GridThree, .GridFive {
    background-color: #1d3443
}

.AppointmedGridone {
    background: url('/portals/0/OneNetcare/Appointmed/NetworkGradient.jpg') no-repeat;
    background-size: 100%;
    height: 100%
}

.AppointmentNewGrid .GridOne {
    background: url('/portals/0/OneNetcare/Appointmed/NetworkGradient.jpg') no-repeat;
    background-size: 100%
}

.GridContainer {
    padding-top: 17%;
    padding-left: 35px
}

    .GridContainer p, .GridContainer h1, .GridContainer .GridTitle {
        color: #fff
    }

.GridTitle {
    font-family: 'Open Sans';
    font-size: 42px;
    line-height: 46px;
    color: #fff;
    letter-spacing: -.03em;
    font-weight: 300;
    margin-bottom: 25px
}

.GridText {
    width: 80%;
    padding-top: 15px
}

.GridThree .GridText, .GridFive .GridText {
    width: 60%
}

.ANBannerMobile {
    display: none
}

.GridThree .GridTitle {
    width: 70%
}

.LogoTextAppointmed {
    margin-top: 40px
}

.AppointmentBannerMobileTop img, .NetcarePlusBannerMobileTop img {
    display: none
}

.NetcarePlusBannerMobileTop img {
    display: none !important
}

.AppointmentBanner img, .NetcarePlusBannerImg img {
    width: 100%
}

.AppointmentBannerText, .NetcarePlusBannerText, .BookAppointmentBannerText {
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 37%;
    height: 75%
}

    .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
        font-size: 60px;
        line-height: 60px
    }

    .AppointmentBannerText p, .NetcarePlusBannerText p, .BookAppointmentBannerText p {
        color: #1d3443;
        font-size: 20px;
        line-height: 31px;
        letter-spacing: -.03em;
        font-style: normal
    }

.btn-primary.AppointmentPurchase, .btn-primary.FindMore {
    border-radius: 5px;
    height: 50px;
    position: absolute;
    width: 237px;
    margin-top: 10px
}

    .btn-primary.AppointmentPurchase:active, .btn-primary.AppointmentPurchase:Hover {
        color: #fff !important;
        background-color: #4682b4 !important
    }

.GridOne .GridTitle {
    width: 80%
}

.GridThree .GridTitle, .GridFive .GridTitle {
    width: 65%
}

.squiggle {
    position: absolute;
    padding-top: 15%
}

.LogoBoxes {
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 10%;
    padding-top: 20px;
    padding-bottom: 5%
}

    .LogoBoxes img {
        margin-top: 55px
    }

.SquareOne, .SquareTwo, .SquareThree {
    margin: 20px;
    width: 453px;
    height: 453px;
    border-bottom: solid 7px #4682b4;
    background: rgba(255,255,255,.8);
    backdrop-filter: blur(4px);
    border-radius: 3px;
    padding-top: 5%;
    text-align: center
}

.LogoTextAppointmed p {
    margin-bottom: 5px
}

.LogoTextAppointmed strong {
    font-family: 'Montserrat Bold'
}

.AppointmedLogoTitle {
    text-align: center;
    display: table;
    margin: 0 auto;
    padding-top: 70px
}

#AppointMedSlider .slick-slide, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide, .CustomerFeedbackSlider .slick-slide {
    transform: scale(.8);
    opacity: .8;
    transition: all ease .3s
}

    #AppointMedSlider .slick-slide.slick-current, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current, .CustomerFeedbackSlider .slick-slide.slick-current {
        transform: scale(1.2);
        opacity: 1
    }

        #AppointMedSlider .slick-slide.slick-current .ReviewSlide .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .ReviewSlide .SlideText p, .CustomerFeedbackSlider .slick-slide.slick-current .ReviewSlide .SlideText p {
            font-size: 17px
        }

#AppointMedSlider .SlideText h6, #AppointMedSlider.NetcarePlusReviewSlider .SlideText h6, .CustomerFeedbackSlider .SlideText h6 {
    margin-bottom: 15px;
    font-weight: 600;
    color: #1d3443;
    text-align: center
}

#AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
    font-family: Open Sans Light;
    font-size: 18px;
    line-height: 150%;
    padding: 0 20px 0 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis
}

.AppointmentNewCarousel {
    background: #f7f7f7
}

#AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText, .CustomerFeedbackSlider .SlideText {
    display: block;
    background-color: #fff;
    padding: 48px 10px 20px;
    margin: 10px;
    border-bottom: 8px solid #4682b4;
    border-radius: 4px;
    opacity: 1;
    min-height: 300px;
    text-align: center
}

.CustomerFeedbackSlider .SlideText {
    padding: 75px 10px 20px
}

#AppointMedSlider .slick-current .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .slick-current .SlideText, .CustomerFeedbackSlider .slick-current .SlideText {
    background: url(../images/icons/AppointMedQuotes.svg) no-repeat 50% 6%;
    background-color: #fff !important;
    border-radius: 5px;
    border-bottom: 10px solid #4682b4;
    opacity: 1;
    min-height: 400px;
    background-size: 20%;
    text-align: center
}

#AppointMedSlider .slick-slide.slick-current .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText p, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText h2 {
    margin-top: 83px
}

#AppointMedSliderNav .slick-dots li.slick-active button:before, #AppointMedSliderNav .slick-dots li button:focus, #AppointMedSliderNav .slick-dots li button:hover {
    color: #4682b4 !important;
    opacity: 1 !important
}

#AppointMedSliderNav .slick-dots li button:before {
    font-size: 30px;
    color: #4682b4
}

#AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
    height: 480px;
    margin: 71px 50px 35px
}

.CustomerFeedbackSlider {
    margin: 50px 50px 35px
}

    #AppointMedSlider .SlideText h6, #AppointMedSlider.NetcarePlusReviewSlider .SlideText h6, .CustomerFeedbackSlider .SlideText h6 {
        margin-bottom: 25px
    }

.AppointmentCarousel .BluePlus {
    background: url(../images/icons/CarouselBluePlus.svg) no-repeat left top;
    padding-left: 24px;
    padding-top: 17px;
    line-height: 50px
}

.AppointmentCarouselHeading, .NetcarePlusCarouselHeading, .CustomerFeedbackCarouselHeading {
    display: table;
    margin: 0 auto;
    padding-bottom: 10px;
    margin-top: 30px
}

.CustomerFeedbackCarouselHeading {
    padding-bottom: 0
}

    .AppointmentCarouselHeading h2, .NetcarePlusCarouselHeading h2, .CustomerFeedbackCarouselHeading h2 {
        font-size: 45px
    }

.CarouselText p {
    text-align: center;
    margin-top: -5px
}

.AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
    background: url(../images/CarouselSquiggle.svg) no-repeat center;
    margin-top: 60px
}

.NetcarePlusCarousel, .FeedbackCarousel {
    padding-bottom: 60px
}

.Carousel {
    margin-bottom: 40px
}

@media(max-width: 1600px) {
    .BannerWrapper .words {
        top: 10% !important
    }

        .BannerWrapper .words .big-heading {
            font-size: 65px;
            line-height: 75px
        }
}

@media(max-width: 1400px) {
    .BannerWrapper .words {
        top: 5% !important
    }

        .BannerWrapper .words .big-heading {
            font-size: 60px;
            width: 45%
        }

        .BannerWrapper .words .vector {
            width: 10%;
            left: 253px;
            top: 95px
        }

    .big-heading br {
        display: none
    }
}

@media(max-width: 1300px) {
    .BannerWrapper .words .big-heading {
        font-size: 55px;
        line-height: 65px
    }

    .BannerWrapper .words a {
        font-size: 12px;
        margin-top: 5px !important
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn, div#DoctorInformation .ContactInfoBlock .CallNetcare, div#DoctorInformation .ContactInfoBlock .CallDoctor {
        width: 62% !important
    }
}

@media(max-width: 1200px) {
    #AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
        margin: 0 auto;
        display: block
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn, div#DoctorInformation .ContactInfoBlock .CallNetcare, div#DoctorInformation .ContactInfoBlock .CallDoctor {
        width: 62% !important
    }

    .BannerWrapper .words .big-heading {
        font-size: 50px;
        line-height: 60px
    }

    .BannerWrapper .words .small-heading {
        font-size: 12px
    }

    .BannerWrapper .words .vector {
        left: 213px;
        top: 74px
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 50px
    }

    .SearchBannerWrapper .words .vector {
        left: 213px;
        top: 74px
    }
}

@media(max-width: 1100px) {
    .BannerTitle h1 {
        font-size: 39px
    }

    .BannerWrapper .words a {
        font-size: 12px
    }

    .GridTitle-3 {
        margin-bottom: 25px
    }
}

@media(max-width: 1024px) {
    .SecondContainer {
        padding: 30px;
        padding-left: 10%
    }

    .BannerWrapper .words .big-heading {
        font-size: 40px;
        line-height: 50px
    }

    .BannerWrapper .words .small-heading {
        line-height: 14px;
        font-size: 11px
    }

    .BannerWrapper .words .vector {
        left: 166px;
        top: 87px
    }

    .BannerWrapper .words a {
        font-size: 10px;
        margin-top: 15px !important
    }
}

@media(max-width: 990px) {
    .BannerWrapper {
        padding-bottom: 0%
    }

        .BannerWrapper .DesktopImage {
            display: none
        }

        .BannerWrapper .MobileImage {
            display: block
        }

        .BannerWrapper .overlay {
            top: 50%;
            opacity: 1;
            background: rgba(255,255,255,.23) url('../images/FrostedGlass.png') repeat left;
            backdrop-filter: blur(59.6308px);
            transform: matrix(-1,0,0,1,0,0)
        }

        .BannerWrapper .words {
            top: 55% !important;
            left: 10%;
            right: 10%
        }

            .BannerWrapper .words .big-heading {
                font-size: 45px;
                line-height: 55px;
                width: 100%
            }

            .BannerWrapper .words .small-heading {
                font-size: 16px;
                line-height: 20px
            }

            .BannerWrapper .words .vector {
                left: 128px;
                top: 75px
            }

            .BannerWrapper .words a {
                font-size: 14px;
                margin-top: 15px !important
            }
}

@media(max-width: 840px) {
    .BannerWrapper {
        padding-bottom: 10%
    }

        .BannerWrapper .words .small-heading {
            font-size: 14px
        }
}

@media(max-width: 768px) {
    .hidden-xs {
        display: none !important
    }

    .BannerWrapper {
        padding-bottom: 20%
    }

        .BannerWrapper .overlay {
            top: 45%
        }

        .BannerWrapper .words {
            top: 50% !important
        }

    .HideScrollbar {
        overflow: hidden;
        height: 59px
    }

    .HeadingContainer {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden
    }
}

@media(max-width: 700px) {
    .BannerWrapper {
        padding-bottom: 30%
    }

        .BannerWrapper .overlay {
            top: 40%
        }

        .BannerWrapper .words {
            top: 45% !important
        }

            .BannerWrapper .words .small-heading {
                font-size: 14px
            }
}

@media(max-width: 620px) {
    .BannerWrapper {
        padding-bottom: 40%
    }

        .BannerWrapper .words .big-heading {
            font-size: 40px;
            line-height: 50px
        }

    .SearchBannerWrapper .words .big-heading {
        font-size: 50px
    }
}

@media(max-width: 560px) {
    .BannerWrapper {
        padding-bottom: 55%
    }

        .BannerWrapper .overlay {
            top: 35%
        }

        .BannerWrapper .words {
            top: 40% !important
        }

            .BannerWrapper .words .big-heading {
                font-size: 40px;
                line-height: 45px
            }

    #LandingPageGrid .LinkArrowFive {
        color: #1d3443;
        font-family: 'Open Sans';
        padding-right: 40px
    }

        #LandingPageGrid .LinkArrowFive:hover {
            color: #7f6f64;
            font-family: 'Open Sans';
            background: url(../images/icons/right-full-gold-new.svg) no-repeat right;
            padding-right: 40px
        }
}

.Breadcrumb {
    z-index: 2;
    background-color: #f7f7f7
}

@supports(-ms-ime-align:auto) {
    .AppointmentNewBanner > .col-12 {
        position: static
    }

    .RightBlock .tab-content > .active {
        padding-bottom: 30px
    }

    @media(max-width: 1500px) {
        .SecondContainer {
            margin-top: 5%;
            padding-top: 15px
        }
    }

    @media(max-width: 992px) {
        .AppointmentCarouselHeading, .NetcarePlusCarouselHeading, .CustomerFeedbackCarouselHeading {
            margin-top: 50%
        }

        .LogoBoxes {
            display: inline-block
        }

        .SecondContainer {
            margin-top: 45% !important;
            padding-top: 140px
        }
    }

    @media(max-width: 900px) {
        .AppointmentCarouselHeading, .NetcarePlusCarouselHeading, .CustomerFeedbackCarouselHeading {
            margin-top: 55%
        }

        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 60%
        }
    }

    @media(max-width: 768px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 65%
        }

        .AppointmentCarouselHeading, .NetcarePlusCarouselHeading, .CustomerFeedbackCarouselHeading {
            margin-top: 60%
        }

        .SecondContainer {
            margin-top: 40% !important
        }
    }

    @media(max-width: 675px) {
        .AppointmentCarousel, .NetcarePlusCarousel {
            margin-top: 70%
        }
    }

    @media(max-width: 600px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 60%
        }

        .SecondContainer {
            margin-top: 35% !important
        }
    }

    @media(max-width: 550px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 70%
        }
    }

    @media(max-width: 480px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 75%
        }

        .SecondContainer {
            margin-top: 25% !important
        }
    }

    @media(max-width: 460px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 100%
        }
    }

    @media(max-width: 400px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 110%
        }
    }

    @media(max-width: 992px) {
        .AppointmentCarouselHeading, .NetcarePlusCarouselHeading, .CustomerFeedbackCarouselHeading {
            margin-top: 50%
        }
    }

    @media(max-width: 900px) {
        .AppointmentCarouselHeading, .NetcarePlusCarouselHeading, .CustomerFeedbackCarouselHeading {
            margin-top: 55%
        }

        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 60%
        }
    }

    @media(max-width: 768px) {
        .hidden-xs {
            display: none !important
        }

        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 65%
        }

        .AppointmentCarouselHeading, .NetcarePlusCarouselHeading, .CustomerFeedbackCarouselHeading {
            margin-top: 60%
        }
    }

    @media(max-width: 675px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 70%
        }
    }

    @media(max-width: 600px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 60%
        }
    }

    @media(max-width: 550px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 70%
        }
    }

    @media(max-width: 480px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 75%
        }
    }

    @media(max-width: 460px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 100%
        }
    }

    @media(max-width: 400px) {
        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 110%
        }
    }
}

@supports(-webkit-touch-callout:none) {
    @media only screen and (min-device-width: 375px) and (max-device-width:812px) and (-webkit-device-pixel-ratio:3) {
        .AppointmentNewBanner > .col-12 {
            position: static
        }

        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 90%;
            padding-top: 40px
        }

        .SecondContainer, .AppointmedSignUp .SecondContainer {
            margin-top: 140px !important;
            padding-top: 140px
        }

        .AppointmentNewBanner .FirstContainer {
            margin-bottom: 100px
        }

        .AppointmentNewLogo {
            padding-bottom: 40px
        }
    }

    @media only screen and (min-device-width: 375px) and (max-device-width:667px) {
        .AppointmentNewBanner > .col-12 {
            position: static !important
        }

        .AppointmentNewLogo {
            padding-bottom: 40px
        }

        .AppointmentNewBanner .FirstContainer {
            margin-bottom: 100px
        }

        .SecondContainer, .AppointmedSignUp .SecondContainer {
            margin-top: 140px !important;
            padding-top: 140px
        }

        .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
            margin-top: 96%;
            padding-top: 40px
        }
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .SecondContainer, .AppointmedSignUp .SecondContainer {
        margin-top: -30% !important
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height:667px) {
    .SecondContainer, .AppointmedSignUp .SecondContainer {
        margin-top: 140px !important
    }
}

.ComplexBanner .left-box, .ComplexBanner .right-box {
    display: inline-block;
    vertical-align: middle
}

.ComplexBanner .left-box {
    width: 40%;
    margin-right: -5px
}

    .ComplexBanner .left-box .wrapper {
        width: 65%;
        padding-left: 20px
    }

.ComplexBanner.Content left-box .wrapper {
    padding-left: 24px
}

.ComplexBanner .left-box .wrapper .ThinPlus {
    font-family: 'Open Sans Light';
    font-size: 70px;
    line-height: 90px;
    letter-spacing: -.03em;
    color: #1d3443;
    background: url('../images/icons/PlusPeach.svg') no-repeat left top;
    margin-left: -20px;
    padding-left: 20px;
    padding-top: 11px
}

.ComplexBanner .left-box .wrapper .TitleText {
    font-family: 'Open Sans';
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 20px
}

.ComplexBanner.Content .left-box .wrapper .ThinPlus {
    font-family: 'Open Sans Light';
    font-size: 45px;
    line-height: 61px;
    letter-spacing: -.03em;
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px
}

.ComplexBanner.Content .left-box .wrapper .TitleText {
    font-family: 'Open Sans';
    font-size: 45px;
    line-height: 45px;
    letter-spacing: -.03em
}

.ComplexBanner.Covid .left-box .wrapper .ThinPlus {
    font-family: 'Open Sans Light';
    font-size: 58px;
    line-height: 70px;
    letter-spacing: -.03em;
    color: #1d3443;
    background: url('../images/icons/PlusPeach.svg') no-repeat left top;
    margin-left: -20px;
    padding-left: 20px;
    padding-top: 14px
}

.ComplexBanner.Covid .left-box .wrapper .TitleText {
    font-family: 'Open Sans';
    font-size: 58px;
    line-height: 70px;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 20px
}

.ComplexBanner .right-box {
    width: 60%
}

    .ComplexBanner .right-box > img {
        max-height: 450px;
        max-width: 100%;
        float: right
    }

@media(max-width: 1650px) {
    .ComplexBanner .left-box .wrapper .ThinPlus, .ComplexBanner.Covid .left-box .wrapper .ThinPlus {
        font-size: 60px;
        line-height: 60px
    }

    .ComplexBanner .left-box .wrapper .TitleText, .ComplexBanner.Covid .left-box .wrapper .TitleText {
        font-size: 60px;
        line-height: 60px
    }
}

@media(max-width: 1400px) {
    .ComplexBanner .left-box .wrapper .ThinPlus, .ComplexBanner.Covid .left-box .wrapper .ThinPlus {
        font-size: 50px;
        line-height: 50px
    }

    .ComplexBanner .left-box .wrapper .TitleText, .ComplexBanner.Covid .left-box .wrapper .TitleText {
        font-size: 50px;
        line-height: 50px
    }
}

@media(max-width: 1200px) {
    .ComplexBanner .left-box .wrapper, .ComplexBanner.Covid .left-box .wrapper {
        padding-left: 0;
        margin: 30px auto
    }
}

@media(max-width: 61.95em),(max-width:991px) {
    .LoginButton {
        display: none
    }

    .ComplexBanner .left-box, .ComplexBanner .right-box {
        width: 100%;
        margin-right: 0
    }

        .ComplexBanner .left-box .wrapper {
            width: 80%;
            margin-left: 30px
        }

        .ComplexBanner .right-box img {
            width: 100%
        }

    .hidden-md {
        display: none !important
    }

    .ipadtextblock .col-btn {
        display: block;
        width: 100%
    }
}

.Breadcrumb .Start, .Breadcrumb .SkinObject {
    color: #57656e;
    font-size: 12px;
    font-weight: bold !important;
    text-transform: uppercase
}

    .Breadcrumb .Start:after, .Breadcrumb .SkinObject:after {
        content: '|';
        margin: 0 10px
    }

.Breadcrumb span span span:last-child .SkinObject {
    color: #1d3443
}

    .Breadcrumb span span span:last-child .SkinObject:after {
        content: ''
    }

[id^=Anchor] {
    padding-top: 120px;
    margin-top: -120px !important
}

#BodyWrapper {
    padding-top: 90px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin-bottom: -1px
}

    #BodyWrapper section {
        padding: 100px 0
    }

    #BodyWrapper > img {
        max-width: 100%
    }

    #BodyWrapper.Unloaded {
        padding-top: 0
    }

@media all and (max-width: 800px) {
    #BodyWrapper.Unloaded {
        padding-top: 115px
    }
}

.shade {
    box-shadow: inset 0 50px 40px -30px #ddd,inset 0 -50px 40px -30px #ddd;
    background: #f7f7f7
}

.grey {
    background: #f7f7f7 !important
}

.remove-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.white {
    background: #fff !important
}

.darkblue {
    background: #1d3443 !important
}

.lightblue {
    background: #afcce0 !important
}

.balancedLightblue {
    background: #e7f0f6 !important
}

.peachgradient {
    background: #eee5de;
    padding: 0 !important;
    padding-top: 50px !important
}

.goldgradient {
    background: linear-gradient(360deg,#eee5de 0%,rgba(228,215,204,0) 100%)
}

.gold {
    background: #eee5de
}

.extraspace {
    margin-top: 300px
}

.News, .Research {
    padding: 30px 0 !important
}

.LogoSection {
    padding-top: 55px !important;
    padding-bottom: 0 !important
}

.LogoLine {
    border-bottom: 1px solid #bec2c6;
    height: 12px;
    margin-bottom: 50px
}

    .LogoLine .LineText {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        letter-spacing: .05em;
        color: #57656e;
        padding: 0 40px;
        background: #f7f7f7;
        display: block;
        margin: 0 auto;
        width: 61%;
        position: relative
    }

    .LogoLine .LineText {
        position: relative
    }

        .LogoLine .LineText .serif-text {
            font-family: serif;
            font-size: 23px;
            font-weight: bold
        }

        .LogoLine .LineText .brush-stroke {
            position: absolute;
            width: 5%;
            left: 416px;
            top: 20px
        }

    .LogoLine .LogoText {
        display: inline-block
    }

        .LogoLine .LogoText .FooterYou {
            background: url(/portals/0/OneNetcare/Banners/brush-stroke.png) no-repeat;
            background-size: 90%;
            min-height: 30px;
            display: inline-block;
            background-position-x: 2px;
            background-position-y: 20px
        }

.section-block {
    margin-bottom: 30px;
    position: relative;
    min-height: 485px
}

    .section-block.sustainability-section {
        min-height: 500px
    }

#transformation .section-block {
    min-height: 430px
}

.section-block.environment-section {
    min-height: 470px !important
}

.section-block .section-heading {
    margin-bottom: 20px
}

    .section-block .section-heading a {
        margin-bottom: 15px;
        display: table;
        height: 60px
    }

        .section-block .section-heading a h4 {
            font-weight: 600;
            display: table-cell;
            vertical-align: bottom
        }

.section-block img {
    margin-bottom: 15px
}

.section-block a.GoldLink {
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    color: #1d3443 !important;
    margin-bottom: 10px;
    padding-right: 20px;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    width: auto;
    transition: color ease-in-out .4s;
    position: absolute;
    bottom: 0
}

    .section-block a.GoldLink:hover {
        color: #d5bfac !important;
        background: url(../images/PeachArrow.svg) no-repeat right center;
        transition: color ease-in-out .4s
    }

@-moz-document url-prefix() {
    #SearchHospital, #SearchSpecialist, #SearchDoctor, #SearchDentist, #SearchClinic, #SearchVacancies {
        margin-bottom: 50px;
    }
}

.ValueItemInner {
    padding: 15px 0;
    display: block;
    width: 100%;
    height: auto;
    text-align: center
}

    .ValueItemInner .icon {
        margin: 0 auto;
        width: 122px;
        min-height: 93px;
        position: relative
    }

        .ValueItemInner .icon img {
            margin: 0 auto;
            display: block;
            z-index: 100;
            position: relative;
            opacity: 1;
            transition: all ease-in-out .2s
        }

        .ValueItemInner .icon .peachblock {
            position: absolute;
            left: 0;
            right: 0;
            height: 35px;
            top: 50%;
            margin-top: -16px;
            background: #4682b4;
            display: block;
            opacity: .3
        }

    .ValueItemInner .heading {
        display: block;
        color: #1d3443;
        font-weight: 600;
        margin: 33px 0
    }

    .ValueItemInner .text {
        text-align: left
    }

.IconWrapper {
    margin-left: -10%
}

    .IconWrapper .ValueItem {
        padding: 0
    }

    .IconWrapper .ValueItemInner .icon {
        width: 95px;
        min-height: 50px
    }

        .IconWrapper .ValueItemInner .icon img {
            width: 65px
        }

    .IconWrapper .ValueItem:not(:last-child):after {
        color: #bec2c6 !important;
        content: ' ' !important;
        position: absolute;
        top: 15px;
        right: -5px;
        height: 130px;
        border-left: 1px solid #bec2c6
    }

    .IconWrapper .ValueItemInner .heading {
        margin: 0 auto;
        margin-top: 5px;
        width: 66%;
        font-family: 'Open Sans Bold';
        font-size: 18px;
        line-height: 122.94%;
        text-align: center;
        letter-spacing: -.03em
    }

    .IconWrapper .ValueItemInner:hover .heading {
        color: #d5bfac !important;
        transition: color ease-in-out .4s
    }

    .IconWrapper .ValueItemInner .heading#headingDesktop {
        display: block
    }

    .IconWrapper .ValueItemInner .heading#headingMobile {
        display: none
    }

    .IconWrapper .ValueItemInner .action {
        font-family: "Open Sans Light";
        color: #57656e !important;
        text-align: center;
        letter-spacing: -.03em;
        line-height: 100%;
        font-weight: normal;
        padding-top: 10px
    }

img.appontmedImage {
    width: 82%
}

ul.content-list {
    list-style-type: disc
}

    ul.content-list li {
        margin-bottom: 15px
    }

img.content-img {
    display: block
}

img.content-img-center {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

span.small-text {
    font-size: 14px;
    display: block;
    margin-top: -15px !important;
    color: #9a9fa7;
    margin-bottom: 15px
}

.directors-block {
    margin-bottom: 30px;
    color: #9a9fa7
}

    .directors-block .directors-title {
        font-weight: bold;
        color: #57656e
    }

.executive-block {
    font-size: 14px;
    margin-bottom: 30px
}

    .executive-block p {
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #1d3443
    }

    .executive-block .exec-title {
        color: #d5bfac;
        font-weight: bold
    }

    .executive-block .exec-qualifications, .executive-block .exec-joined {
        color: #9a9fa7
    }

.strategic-box.strategic-large {
    min-height: 450px
}

.strategic-box.strategic-small {
    min-height: 250px
}

.BlueAnchor {
    font-weight: bold;
    color: #1d3443 !important
}

a.BlueAnchor:hover {
    font-weight: bold;
    color: #d5bfac !important
}

.ExpandLink {
    font-size: 16px;
    line-height: 22px;
    display: table;
    align-items: center;
    color: #d5bfac !important;
    margin-bottom: 20px;
    padding-right: 20px;
    background: url(../images/PeachArrow.svg) no-repeat right center;
    width: auto;
    transition: color ease-in-out .4s;
    margin-top: -12px !important
}

.content-right {
    padding-left: 10px;
    padding-top: 10px
}

.content-block {
    min-height: 175px
}

    .content-block .content-title {
        font-weight: bold
    }

.BigButton {
    background: #1d3443;
    box-shadow: 0 0 20px rgba(37,40,73,.2);
    border-radius: 5px;
    color: #fff !important;
    padding: 10px 45px
}

    .BigButton.VacancyButton {
        margin-top: 30px;
        display: table
    }

.yearSelector {
    margin-bottom: 50px;
    margin-top: 20px;
    margin-left: 0
}

    .yearSelector option {
        background: #fff !important;
        color: #1d3443
    }

    .yearSelector select {
        font-family: 'Open Sans';
        font-size: 16px !important;
        color: #fff !important;
        border-radius: 3px !important;
        border: 0 none !important;
        box-shadow: none !important;
        padding: 13px !important;
        height: auto !important;
        border: 2px solid #1d3443 !important;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        width: 100% !important;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(../images/icons/DropdownDownArrowWhite.svg) no-repeat 96% #1d3443 !important
    }

        .yearSelector select::-ms-expand {
            display: none
        }

    .yearSelector label {
        font-size: 16px;
        color: #80898f;
        margin-bottom: 8px !important;
        display: block !important;
        width: 100% !important;
        text-transform: uppercase;
        line-height: 22px;
        font-weight: bold;
        letter-spacing: .15em
    }

.LineHeader {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 30px;
    height: 40px;
    margin-left: 2px
}

    .LineHeader h4 {
        color: #80898f;
        display: inline;
        letter-spacing: .15em;
        text-transform: uppercase;
        line-height: 22px;
        padding-left: 20px;
        font-size: 16px
    }

.location-list {
    padding-left: 17px
}

.NewsListingItem {
    width: 50%;
    display: inline-block;
    margin-right: -5px;
    padding-bottom: 40px;
    padding-right: 5%;
    padding-left: 17px;
    vertical-align: top
}

    .NewsListingItem .Heading {
        margin-bottom: 3px;
        font-weight: bold;
        font-family: 'Open Sans';
        letter-spacing: normal
    }

        .NewsListingItem .Heading a {
            color: #1d3443
        }

            .NewsListingItem .Heading a:hover {
                color: #d5bfac
            }

.Subheading {
    font-size: 16px
}

    .Subheading p {
        color: #80898f;
        margin-bottom: 2px
    }

    .Subheading i p em, .Subheading i {
        font-style: normal;
        font-size: 16px;
        font-family: 'Open Sans'
    }

.ArticlePublishDate {
    color: #bec2c6
}

.DnnModule-FECCTrainingProgrammes {
    display: none
}

.education-half:first-child {
    padding-left: 5px
}

.education-block {
    min-height: 370px;
    border-radius: 4px;
    margin: 10px;
    padding: 44px 10px 10px 10px;
    text-align: center;
    background: linear-gradient(27.17deg,rgba(255,255,255,.76) 3.81%,rgba(255,255,255,.3) 98.99%)
}

    .education-block p {
        font-size: 16px;
        line-height: 20px;
        color: #939393;
        padding: 5px 45px
    }

    .education-block h4 {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 122.94%;
        letter-spacing: inherit;
        padding: 5px 110px;
        margin-bottom: 10px
    }

    .education-block:hover {
        cursor: pointer;
        box-shadow: 0 4px 50px rgba(118,124,175,.15)
    }

.patient-journey-icon {
    min-height: 80px;
    width: 122px;
    position: relative;
    margin: 0 auto
}

    .patient-journey-icon .peachblock {
        position: absolute;
        left: 0;
        right: 0;
        height: 33px;
        top: 50%;
        margin-top: -23px;
        background: #4682b4;
        display: block;
        opacity: .3
    }

.BlueLink {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    align-items: center;
    color: #1d3443 !important;
    margin-bottom: 10px;
    padding-right: 20px;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    display: table;
    transition: color ease-in-out .4s;
    transition: color ease-in-out .4s
}

    .BlueLink:hover, .education-block:hover .BlueLink {
        background: url('../images/PeachArrow.svg') no-repeat right center;
        color: #d5bfac !important;
        transition: color ease-in-out .4s
    }

.education-block .BlueLink {
    margin: 10px auto
}

.patient-journey-icon img {
    margin: 0 auto;
    display: block;
    z-index: 100;
    position: relative;
    opacity: 1;
    transition: all ease-in-out .2s
}

.QuoteBlock {
    font-family: 'Open Sans Light';
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #d5bfac;
    margin: 25px 0;
    text-align: left
}

.TextUnderQuote {
    margin-top: 30px
}

.QuoteBlock > h4, .QuoteBlock > h3 {
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 28px;
    color: #d5bfac;
    letter-spacing: -.03em;
    font-weight: 500;
    margin-bottom: 25px
}

.background-box-grey {
    background: linear-gradient(27.17deg,rgba(255,255,255,.76) 3.81%,rgba(255,255,255,.3) 100%);
    padding: 20px;
    margin-bottom: 15px
}

div#FinancialResultAccordion {
    margin-bottom: 60px
}

a.findHover:hover {
    color: #d5bfac !important
}

.StoreButtons a {
    display: inline-block;
    padding: 25px 20px 10px 0
}

.dti-box {
    margin-bottom: 10px;
    width: 100%;
    background: #fff linear-gradient(#1d3443 2px,transparent 2px) 0 28px repeat-x;
    position: relative
}

.value-one {
    padding: 1% 2%;
    background-color: #fff;
    display: inline-block
}

.value-two {
    text-align: right;
    padding: 1% 2% 1% 2%;
    position: absolute;
    top: 1%;
    right: 0;
    z-index: 1;
    background-color: #fff;
    background: #fff url(../images/ArrowRight.svg) no-repeat left 16px
}

.dti-box h3 {
    color: #1d3443;
    font-size: 45px;
    font-weight: 400;
    margin: 0
}

.value-two h3 {
    padding-left: 10px
}

.value-one-desc {
    width: 47.5%;
    padding-left: 2%;
    display: inline-table
}

.value-two-desc {
    width: 50.5%;
    display: inline-table;
    text-align: right;
    padding-right: 2%
}

.value-single-desc {
    width: 98%;
    text-align: right;
    padding-right: 2%;
    display: inline-table
}

.value-one-desc p, .value-two-desc p {
    margin-top: -10px
}

.value-one-desc h5, .value-two-desc h5 {
    color: #002663
}

.info-table-two table {
    width: 100%;
    border-spacing: 0
}

.info-table-two td, .info-table-two th {
    width: 25%;
    text-align: center;
    padding: 15px
}

.text-left {
    text-align: left !important
}

.info-table-two th {
    color: #1d3443;
    padding-bottom: 10px;
    font-family: "Open Sans";
    font-weight: bold
}

.info-table-two td {
    background-color: #edf1f5;
    border-top: 5px solid #fff
}

.info-table-two tr {
    border-spacing: 10px;
    border-top: 10px solid #d5bfac !important
}

.blue {
    color: #002663
}

.info-table-two.left-align td, .info-table-two.left-align th {
    text-align: left
}

.vaccination-list li:after {
    content: ";"
}

.vaccination-list li {
    display: inline;
    padding-right: 5px
}

ul.vaccination-list {
    margin-left: 0 !important
}

.TravelClinic-Container {
    margin: 0 auto;
    width: 100%
}

.travelClinic-table-two table {
    width: 100%;
    border-spacing: 0
}

.travelClinic-table-two td, .travelClinic-table-two th {
    width: 25%;
    text-align: center;
    padding: 15px
}

.text-left {
    text-align: left !important
}

.travelClinic-table-two th {
    color: #002663;
    padding-bottom: 10px
}

.travelClinic-table-two td {
    background-color: #edf1f5
}

.travelClinic-table-two tr {
    border-spacing: 10px;
    border-top: 10px solid #d5bfac !important
}

.travelClinic-background-box-grey {
    padding: 20px;
    margin-bottom: 15px;
    background-color: #efefef
}

.travelClinic-table-two.left-align td, .travelClinic-table-two.left-align th {
    text-align: left
}

.info-table-quarter {
    width: 23% !important;
    margin: .5%;
    padding: 1.5%;
    display: inline-block;
    background-color: #fff;
    vertical-align: top;
    padding-bottom: 1px;
    text-align: center
}

    .info-table-quarter h3 {
        color: #1d3443;
        font-size: 45px;
        font-weight: 400;
        margin: 0;
        padding-bottom: 1px
    }

.info-table-head {
    text-align: center;
    overflow: hidden
}

.info-container > h4 {
    margin-top: 15px
}

.info-table-third h3 {
    color: #1d3443;
    font-size: 45px;
    font-weight: 400
}

.info-table-third {
    width: 32% !important;
    margin: .5%;
    padding: 1.5%;
    display: inline-block;
    background-color: #fff;
    vertical-align: top;
    padding-bottom: 1px;
    text-align: center;
    min-height: 150px
}

.info-container.desktop-only {
    padding-bottom: 20px
}

h4#Anchor2, h4#Anchor3, h3#Anchor6 {
    margin-top: 20px
}

.content-img, .content-img img {
    padding: 12px 0;
    max-width: 100%;
    height: auto
}

h3#leadership_quote {
    padding: 50px 20px;
    z-index: 4;
    line-height: 36px
}

#PageScroller {
    height: auto;
    width: 550px;
    position: relative;
    margin-bottom: 20px;
    z-index: 5
}

    #PageScroller .TextBox {
        padding: 20px 25px;
        font-size: 18px;
        background: #1d3443 url('../images/icons/DropdownDownArrowWhite.svg') no-repeat 97% center;
        color: #fff
    }

        #PageScroller .TextBox:hover {
            cursor: pointer
        }

    #PageScroller .DropDown {
        height: auto;
        left: 0;
        right: 0;
        z-index: 4;
        background: #fff;
        position: absolute;
        display: none
    }

        #PageScroller .DropDown a {
            display: block;
            padding: 10px 25px;
            color: #002663
        }

            #PageScroller .DropDown a:hover {
                background: #f4ede6;
                box-shadow: 0 8px 20px rgba(0,0,0,.05)
            }

.tranformation {
    background: #fff;
    margin: 30px 0;
    padding: 15px
}

#Hospital .HospitalWrapper, #Specialist .SpecialistsWrapper, #Clinic .ClinicWrapper, #Doctor .DoctorsWrapper, #Densits .FilterWrapper {
    padding: 10px 0
}

#Doctor, #Dentist {
    padding: 20px 0 30px
}

    #Doctor .FilterWrapper, #Dentist .FilterWrapper {
        padding: 10px 0 20px;
        overflow: auto
    }

    #Doctor #SearchDoctor:hover, #Dentist #SearchDentist:hover {
        background: #1d3443;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

    #Doctor #searcherror, #Dentist #searcherror {
        color: #e7393f;
        margin-left: 10px;
        float: none
    }

        #Doctor #searcherror.error, #Dentist #searcherror.error {
            display: inline-block !important
        }

    #Doctor .DoctorsWrapper, #Dentist .DentistWrapper {
        display: table;
        width: 100%;
        padding: 20px 0 20px
    }

        #Doctor .DoctorsWrapper .DoctorRow, #Dentist .DentistWrapper .DentistRow, #Dentist .DentistWrapper .DenstistRow {
            display: table-row
        }

            #Doctor .DoctorsWrapper .DoctorRow > div, #Dentist .DentistWrapper .DentistRow > div, #Dentist .DentistWrapper .DenstistRow > div {
                display: table-cell;
                padding: 7px 5px;
                vertical-align: top
            }

    #Doctor .prevousButton, #Doctor .nextButton, #Dentist .prevousButton, #Dentist .nextButton {
        background: #d9d9d9;
        border: 0 none;
        color: #6c6c6c;
        padding: 5px 15px
    }

        #Doctor .prevousButton:hover, #Doctor .nextButton:hover, #Dentist .prevousButton:hover, #Dentist .nextButton:hover {
            color: #fff;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease
        }

    #Doctor .prevousButton, #Dentist .prevousButton {
        margin-right: 20px
    }

    #Doctor .nextButton, #Dentist .nextButton {
        margin-left: 20px
    }

.search-filter-labels {
    margin-top: 15px;
    margin-bottom: 25px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: absolute;
    top: -6px;
    right: -12px;
    color: inherit
}

.nodata {
    margin-left: 10px;
    float: left;
    margin-top: 16px
}

#Vacancies {
    position: relative
}

    #Vacancies .FilterWrapper .ProvinceContainer, #Vacancies .FilterWrapper .DivisionContainer, #Vacancies .FilterWrapper .CategoryContainer {
        width: 33%;
        float: left;
        padding: 10px
    }

    #Vacancies .FilterWrapper .CategoryContainer {
        padding-right: 0
    }

    #Vacancies .FilterWrapper select:focus {
        border: 2px solid #bba365 !important;
        outline: 0 !important
    }

    #Vacancies .FilterWrapper .ButtonContainer button {
        display: inline-block;
        background: #1d3443;
        border: 0 none;
        padding: 10px 100px;
        margin-top: 5px;
        font-size: 18px;
        border-radius: 5px;
        color: #fff !important;
        float: left
    }

        #Vacancies .FilterWrapper .ButtonContainer a:hover, #Vacancies .FilterWrapper .ButtonContainer button:hover {
            background: #1d3443;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease
        }

    #Vacancies .VacanciesWrapper, #Vacancies .VacanciesHeadings {
        display: table;
        width: 100%
    }

        #Vacancies .VacanciesWrapper .VacanciesRow {
            display: table-row;
            width: 100%
        }

            #Vacancies .VacanciesWrapper .VacanciesRow:nth-child(odd) {
                background: #f4f4f4
            }

            #Vacancies .VacanciesWrapper .VacanciesRow > div {
                display: table-cell;
                padding: 15px 5px;
                vertical-align: top;
                border-top: 1px solid #dfdfdf !important
            }

            #Vacancies .VacanciesWrapper .VacanciesRow .RegionHeading, #Vacancies .VacanciesWrapper .VacanciesRow .DivisionHeading, #Vacancies .VacanciesWrapper .VacanciesRow .CategoryHeading, #Vacancies .VacanciesWrapper .VacanciesRow .SpecificationHeading, #Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading, #Vacancies .VacanciesWrapper .VacanciesRow .InstitutionHeading {
                font-weight: bold !important
            }

#Specialist .SpecialistsWrapper .SpecialistRow .ContactNumber > a, #Specialist .SpecialistsWrapper .SpecialistRow #Email > a, #Hospital .HospitalWrapper .HospitalRow #Email > a, #Clinic .ClinicWrapper .ClinicRow .Email > a, #Doctor .DoctorsWrapper .DoctorRow #Email > a {
    font-weight: normal !important;
    color: #80898f !important;
    font-size: 17px !important
}

    #Specialist .SpecialistsWrapper .SpecialistRow .ContactNumber > a:hover, #Hospital .HospitalWrapper .HospitalRow #Email > a:hover, #Clinic .ClinicWrapper .ClinicRow .Email > a:hover, #Doctor .DoctorsWrapper .DoctorRow #Email > a:hover, #Specialist .SpecialistsWrapper .SpecialistRow #Email > a:hover {
        color: #d5bfac
    }

#Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading {
    text-align: right
}

    #Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading label {
        margin-right: 30px;
        text-align: left
    }

#Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a {
    padding: 5px 20px;
    background: #1d3443;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 10px;
    white-space: nowrap
}

    #Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a:hover {
        background: #495b67;
        color: #fff
    }

#Vacancies .VacanciesWrapper .VacanciesRow .RegionHeading, #Vacancies .VacanciesWrapper .VacanciesRow .DivisionHeading, #Vacancies .VacanciesWrapper .VacanciesRow .CategoryHeading, #Vacancies .VacanciesWrapper .VacanciesRow .SpecificationHeading, #Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading, #Vacancies .VacanciesWrapper .VacanciesRow .InstitutionHeading {
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f;
    border: 0 none !important
}

#VacanciesDetails .dl-horizontal {
    font-size: 14px;
    color: #666
}

    #VacanciesDetails .dl-horizontal dt {
        white-space: normal
    }

    #VacanciesDetails .dl-horizontal dt, #VacanciesDetails .dl-horizontal dd {
        padding: 5px 0
    }

#VacanciesDetails a.RedLink {
    font-weight: bold;
    font-size: 12px !important;
    color: #bba365 !important;
    text-transform: uppercase;
    background: url('../images/GoldArrow.png') no-repeat right center;
    padding-right: 22px;
    display: table !important;
    padding-left: 180px;
    margin: 10px 0
}

    #VacanciesDetails a.RedLink:hover {
        padding-right: 26px;
        color: #bba365
    }

#VacanciesDetails .apply, #VacanciesDetails .apply:focus {
    display: inline-block;
    background: #002663;
    border: 0 none;
    padding: 10px 100px;
    margin: 5px 0 0 180px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important;
    outline: 0
}

    #VacanciesDetails .apply:hover {
        background: #3b649a;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

#Vacancies + #myModal .modal-body .form-group label {
    font-size: 16px;
    font-weight: bold;
    color: #26405c;
    margin-bottom: 8px !important;
    display: inline-block !important
}

#Vacancies + #myModal .modal-body .form-group span.validation {
    color: #e7393f;
    margin-left: 10px
}

#Vacancies + #myModal .modal-body .form-group input {
    font-size: 16px !important;
    color: #666 !important;
    border-radius: 0 !important;
    border: 0 none !important;
    background: #edf1f5 !important;
    box-shadow: none !important;
    padding: 13px !important;
    height: auto !important;
    border: 2px solid #edf1f5 !important;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    width: 100% !important
}

    #Vacancies + #myModal .modal-body .form-group input:focus {
        border: 2px solid #e7393f !important;
        outline: 0 !important
    }

#Vacancies + #myModal .modal-footer button, #Vacancies + #myModal .modal-footer button:focus {
    display: inline-block;
    background: #002663;
    border: 0 none;
    padding: 10px 50px;
    margin-top: 5px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important
}

    #Vacancies + #myModal .modal-footer button:hover {
        background: #3b649a;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

#Vacancies + #myModal .close {
    font-size: 30px
}

.DnnModule-FECCTrainingProgrammes {
    display: none
}

#TrainingProgrammes .hidden-fields {
    display: none
}

#TrainingProgrammes {
    font-size: 14px
}

    #TrainingProgrammes thead {
        color: #fff;
        background-color: #1d3443
    }

    #TrainingProgrammes tbody {
        font-size: 14px
    }

    #TrainingProgrammes > tbody > tr > td {
        border: 0
    }

    #TrainingProgrammes tr.shown {
        color: #1d3443;
        font-weight: bold
    }

        #TrainingProgrammes tr.shown td {
            border-bottom: 0 !important
        }

    #TrainingProgrammes > thead > tr > th, .table-bordered > thead > tr > td {
        border-bottom-width: 0 !important
    }

    #TrainingProgrammes td.details-control {
        background: url(../images/icons/DropdownDownArrowBlue.svg) no-repeat 97% center;
        cursor: pointer
    }

    #TrainingProgrammes tr.shown td.details-control {
        background: url(../images/icons/DropdownUpArrowBlue.svg) no-repeat 97% center
    }

    #TrainingProgrammes .course-details {
        margin: 10px;
        background-color: #fff;
        padding: 15px
    }

    #TrainingProgrammes .course-dates p:first-child {
        margin-bottom: 0
    }

    #TrainingProgrammes a.course-button, #TrainingProgrammes a.course-button:focus {
        background: #1d3443 !important;
        display: inline-block;
        border: 0 none;
        padding: 10px 15px;
        margin: 10px 0;
        font-size: 16px !important;
        border-radius: 5px;
        color: #fff !important
    }

        #TrainingProgrammes a.course-button:hover {
            background: #1d3443 !important;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease
        }

#TrainingProgrammes_paginate .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #1d3443;
    border-color: #1d3443;
    color: #fff !important
}

#TrainingProgrammes_paginate > .pagination > li > a, .pagination > li > span {
    color: #1d3443
}

div#TrainingProgrammes_length {
    float: right
}

div#TrainingProgrammes_filter {
    float: left;
    margin-bottom: 10px
}

div#TrainingProgrammes_paginate {
    float: right
}

div#TrainingProgrammes_info {
    float: left
}

#LiveForm977 ul.page-break-section {
    padding-left: 0 !important
}

    #LiveForm977 ul.page-break-section li:nth-child(odd), #LiveForm977 ul.page-break-section li.Last {
        padding-left: 0 !important
    }

.LiveForm {
    border: 0 none !important
}

    .LiveForm * {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important
    }

    .LiveForm.Default ul.page-break-section {
        background: none !important;
        box-shadow: none
    }

    .LiveForm.Default .thank-you {
        padding: 40px !important;
        background: #f4ede6 !important;
        box-shadow: 0 10px 20px rgba(0,0,0,.05)
    }

        .LiveForm.Default .thank-you h3 {
            text-align: center;
            margin-bottom: -10px;
            font-style: normal;
            font-weight: bold;
            font-size: 30px;
            line-height: 41px;
            letter-spacing: -.03em
        }

    .LiveForm .Field label {
        margin-bottom: 10px !important;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold !important;
        font-size: 16px;
        line-height: 22px !important;
        letter-spacing: .15em;
        text-transform: uppercase;
        color: #80898f
    }

    .LiveForm .Field > div input, .LiveForm .Field > div select, .LiveForm .Field > div textarea {
        font-family: 'Open Sans Light' !important;
        font-size: 18px !important;
        color: #1d3443 !important;
        font-weight: 700;
        border-radius: 3px !important;
        border: 0 none !important;
        background: #f0f0f0 !important;
        box-shadow: none !important;
        padding: 15px !important;
        height: auto !important;
        line-height: 24px;
        letter-spacing: -.04em;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

    .LiveForm .Field > div textarea {
        height: 200px !important
    }

        .LiveForm .Field > div input:focus, .LiveForm .Field > div select:focus, .LiveForm .Field > div textarea:focus {
            outline: 0 !important
        }

    .LiveForm .form-select-blue > div select {
        color: #fff !important;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(../images/icons/DropdownDownArrowWhite.svg) no-repeat 96% #1d3443 !important
    }

        .LiveForm .form-select-blue > div select::-ms-expand {
            display: none
        }

    .LiveForm .form-select-white > div select {
        background: url(../images/icons/GoldArrowDown.svg) no-repeat 96% !important;
        background-color: #fff !important;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        color: #1d3443 !important;
        box-shadow: 0 4px 10px rgba(26,34,57,.08) !important
    }

        .LiveForm .form-select-white > div select::-ms-expand {
            display: none
        }

    .LiveForm .Field > div select option {
        background: #fff !important;
        color: #1d3443;
        padding: 10px;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 17px
    }

    .LiveForm .form-extra-field {
        width: 50% !important
    }

        .LiveForm .form-extra-field .Field-Container-Wide, .form-textarea .Field-Container-Wide {
            display: block !important
        }

        .LiveForm .form-extra-field select, .form-textarea textarea {
            width: 100% !important
        }

    .LiveForm .right-field {
        clear: none !important
    }

    .LiveForm .Field > div input[type="submit"] {
        background: #1d3443 !important;
        border: 0 none !important;
        padding: 10px 100px !important;
        margin-top: 5px !important;
        font-size: 18px !important;
        color: #fff !important;
        border-radius: 5px !important;
        float: left;
        box-shadow: 0 0 20px rgba(37,40,73,.2) !important
    }

        .LiveForm .Field > div input[type="submit"]:hover {
            background: #3b649a !important;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease
        }

    .LiveForm.Default .Field.Required.Radiobutton table {
        border-left: 0 !important;
        padding-left: 0 !important
    }

    .LiveForm input[type="radio"] {
        opacity: .01;
        z-index: 100;
        cursor: pointer
    }

    .LiveForm .Radiobutton table td label {
        cursor: pointer;
        color: #979da6;
        padding: 13px 55px;
        font-size: 14px !important;
        background: #fff;
        box-shadow: 0 4px 10px rgba(26,34,57,.08);
        border-radius: 3px;
        margin-left: -20px !important;
        text-transform: capitalize !important;
        min-width: 60px !important
    }

    .LiveForm input[type="radio"]:checked + label, .Checked + label {
        color: #d5bfac
    }

    .LiveForm.Default .Field.Radiobutton table {
        display: inline-block
    }

        .LiveForm.Default .Field.Radiobutton table tr td {
            padding: 0
        }

            .LiveForm.Default .Field.Radiobutton table tr td:nth-child(2) {
                padding-left: 20px !important
            }

    .LiveForm.Default label.error {
        color: #eb5757 !important;
        font-size: 14px !important;
        padding: 5px 0 !important;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600 !important;
        text-transform: unset;
        letter-spacing: normal
    }

    .LiveForm.Default input.error, .LiveForm.Default textarea.error, .LiveForm.Default select.error {
        border: 1px solid #eb5757 !important
    }

    .LiveForm.Default ul.page-break-section, .LiveForm.Default .thank-you {
        box-shadow: 0 0 0 0 !important
    }

.GreyAnchor {
    font-weight: bold
}

.ContactUsBlock {
    margin-bottom: 50px
}

    .ContactUsBlock a {
        color: #80898f
    }

    .ContactUsBlock p {
        margin-bottom: 0
    }

    .ContactUsBlock h4 {
        margin-bottom: 15px
    }

.darker-text {
    font-weight: bold
}

.Map {
    display: none
}

.MapDetails {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    height: 400px;
    width: 30%;
    padding: 40px;
    padding-right: 11%
}

.MapFrame {
    width: 70%;
    height: 400px
}

.MapContainer {
    overflow: auto;
    width: 100%;
    margin-bottom: 50px
}

.MapDetails p {
    margin-bottom: 0
}

.MapDetails .coordinates {
    color: #d5bfac
}

.MapDetails .BlueLink {
    display: table;
    margin: 20px 0
}

.lfoverlay {
    background-color: rgba(255,255,255,.3)
}

.lfmodal {
    background-color: rgba(255,255,255,.7) !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    border-radius: 0 !important
}

    .lfmodal img {
        background-color: rgba(255,255,255,.7) !important;
        border: 5px solid transparent !important;
        border-top: 5px solid #1d3443 !important;
        border-radius: 50% !important;
        width: 60px !important;
        height: 60px !important;
        animation: spin 1s linear infinite !important;
        -webkit-animation: spin 1s linear infinite !important;
        -moz-animation: spin 1s linear infinite !important;
        -o-animation: spin 1s linear infinite !important;
        -ms-animation: spin 1s linear infinite !important;
        margin: 0 auto !important;
        background: none !important;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        box-sizing: border-box !important;
        padding-left: 30px !important;
        padding-right: 20px !important
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(360deg)
    }
}

.BannerWrapper.InvestorWrapper {
    padding-bottom: 0
}

.InvestorRelationBigBanner {
    display: flex;
    min-height: 600px
}

    .InvestorRelationBigBanner.Landing {
        padding: 70px 0 90px
    }

    .InvestorRelationBigBanner.Transformation {
        background: #fff
    }

@media(max-width: 980px) {
    .InvestorRelationBigBanner {
        min-height: auto;
        padding-bottom: 25px !important
    }

    .SharePriceInfo.shareprice-price-control {
        margin-bottom: -50px
    }

    .GraphContainer {
        margin: 0 15px 15px 15px
    }

    .InvestorRelationBigBanner.Landing {
        padding: 30px 0 90px
    }
}

.InvestorRelationBigBanner .right-box {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 88;
    overflow: hidden
}

    .InvestorRelationBigBanner .right-box.home {
        width: 60%
    }

.InvestorRelationBigBanner.Landing .right-box img {
    position: relative;
    z-index: 2;
    width: 90%;
    padding-top: 70px;
    margin-left: 10%
}

.InvestorRelationBigBanner.Transformation .right-box img {
    height: 100%
}

.InvestorRelationBigBanner.Landing .right-box:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: #eee5de;
    z-index: 1
}

.InvestorRelationBigBanner .left-box {
    width: 40%;
    z-index: 99;
    position: relative
}

.InvestorRelationBigBanner .TitleText {
    font-weight: 600;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #1d3443;
    height: 100px;
    margin-bottom: 40px;
    max-width: 470px
}

@media(max-width: 500px) {
    .PaddingTAB {
        padding: 0 !important;
        padding-top: 20px !important
    }

    .InvestorRelationBigBanner .TitleText {
        font-size: 30px;
        max-width: 400px;
        margin-bottom: 0
    }

    .IRGoldLink.ExtraHigh {
        margin-bottom: 20px !important
    }
}

.InvestorRelationBigBanner .Overview {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f;
    margin-bottom: 20px
}

.InvestorRelationBigBanner .SharePriceTicker {
    margin-bottom: 40px
}

    .InvestorRelationBigBanner .SharePriceTicker span {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -.03em;
        color: #1d3443
    }

    .InvestorRelationBigBanner .SharePriceTicker .IRMenuLabel {
        font-weight: 400
    }

    .InvestorRelationBigBanner .SharePriceTicker .IRMenuPrice {
        font-weight: 300;
        margin-left: 10px;
        font-family: Open Sans Light
    }

.InvestorRelationBigBanner p {
    margin-bottom: 40px
}

.InvestorRelationBigBanner .BackButton {
    background: url(../images/icons/left-full_gold.svg) no-repeat left center;
    color: #7f6f64;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.03em;
    padding-left: 45px;
    margin-bottom: 80px
}

    .InvestorRelationBigBanner .BackButton:hover {
        padding-left: 60px
    }

.Investors .btn {
    font-family: 'Open Sans Semi-Bold'
}

@media(max-width: 980px) {
    .InvestorRelationBigBanner .BackButton {
        margin-bottom: 40px
    }
}

.InvestorRelationBigBanner .btn {
    margin-right: 10px;
    font-family: 'Open Sans Semi-Bold'
}

@media(max-width: 1200px) {
    .InvestorRelationBigBanner .right-box, .InvestorRelationBigBanner .left-box {
        width: 50%
    }
}

@media(max-width: 980px) {
    .InvestorRelationBigBanner .right-box {
        display: none
    }

    .InvestorRelationBigBanner .left-box {
        width: 100%
    }
}

@media(max-width: 600px) {
    .InvestorRelationBigBanner .btn {
        margin-bottom: 10px;
        width: 100%
    }

    #Items-7102 {
        padding-right: 0 !important
    }

    .IRSPatternBlock {
        margin-top: 10px !important
    }

    .GovernanceImageBlock {
        margin-top: 50px !important
    }

    div#NewsSummary {
        margin-bottom: -20px !important
    }

    .InvestorRelationBigBanner .TitleText, .IRSPatternBlock h4, .CoverAIRContainer .AIRHeading, #Items-7102 div > h4, .IRSPatternBlockSecondary h4, .Reports h4, .TransformationCopyContainer h4, .CredibleData .CredibleDataCopy h4, .PageTitle {
        font-size: 35px !important
    }

    .CoverAIRContainer .AIRHeading {
        width: 65%
    }

    .SharepriceHeading, .IRSPatternBlock {
        margin-top: 10px !important
    }

    .InvestorRelationBigBanner .TitleText, .InvestorRelationBigBanner .TitleText {
        margin-bottom: -30px !important
    }

    .TransformationCopyContainer {
        margin-top: -35px
    }

    #Items-7102 div > h4 {
        margin-top: 25px
    }

    .InvestorRelationBigBanner .SharePriceTicker {
        margin-bottom: 25px
    }
}

.IRNavigation {
    height: 70px;
    width: 100%;
    display: inline-block;
    background: #1d3443
}

#IRNavButton {
    display: none
}

.IRMenuContainer {
    display: inline-block;
    width: 100%
}

.IRMenu {
    width: 100%;
    height: 70px;
    margin: 0 auto
}

    .IRMenu li {
        list-style-type: none;
        float: left;
        display: table;
        margin: 0;
        padding: 0;
        position: relative;
        width: 20%;
        display: table;
        margin: 0;
        padding: 0;
        position: relative;
        height: 70px
    }

        .IRMenu li > a:hover, .IRMenu li > a:focus, .IRMenu li > a:active {
            color: #d5bfac !important
        }

        .IRMenu li:hover a {
            border-left: 0;
            border-right: 0
        }

        .IRMenu li:last-child a.IRMenuItem:after {
            display: none
        }

a.IRMenuItem {
    width: 100%;
    color: #fff !important;
    padding: 0 55px;
    text-decoration: none;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    white-space: normal;
    line-height: 17px;
    font-size: 14px;
    letter-spacing: -.03em
}

.IRMenuDropdown {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 999;
    background-color: #fff;
    background-image: linear-gradient(180deg,rgba(30,53,68,.06) 0%,rgba(255,255,255,0) 10%);
    box-shadow: 0 10px 30px rgba(37,40,73,.12);
    width: 100%
}

    .IRMenuDropdown a {
        color: #1d3443;
        font-size: 14px;
        display: block;
        padding: 18px;
        padding-bottom: 0;
        line-height: 14px;
        text-align: center;
        font-family: 'Open Sans'
    }

        .IRMenuDropdown a:hover, .IRMenuDropdown a:focus, .IRMenuDropdown a:active {
            background: #f4ede6;
            box-shadow: 0 8px 20px rgba(0,0,0,.05)
        }

        .IRMenuDropdown a:after {
            content: "";
            display: block;
            margin: 0 auto;
            width: 70%;
            padding-top: 18px;
            border-bottom: 1px solid #57656e;
            opacity: .15
        }

        .IRMenuDropdown a:hover:after {
            border-bottom: 0
        }

        .IRMenuDropdown a:last-child:after {
            border-bottom: 0
        }

.IRMenu li a.IRMenuItem:after {
    color: #eaecef !important;
    content: '|' !important;
    font-size: 1.4em;
    position: absolute;
    top: 25px;
    right: -5px
}

@media(max-width: 1200px) {
    .IRMenu li {
        line-height: 10px
    }

    a.IRMenuItem {
        font-size: 14px !important;
        padding: 5px 10px
    }
}

@media(max-width: 992px) {
    a.IRMenuItem {
        padding: 0 5px;
        font-size: 13px !important
    }
}

@media(max-width: 766px) {
    .IRNavigation {
        width: 100%;
        display: block;
        height: auto;
        background: #f7f7f7;
        padding-top: 15px
    }

    #IRNavButton {
        display: inline-block;
        width: 100%;
        background: #eee;
        cursor: pointer;
        margin-top: 15px
    }

        #IRNavButton h4 {
            color: #fff !important;
            background: url(../images/icons/WhiteArrowDownSmall.svg) no-repeat 95% center;
            padding: 10px 20px;
            margin: 0;
            font-size: 16px;
            background-color: #1d3443;
            border-radius: 3px
        }

        #IRNavButton.active h4 {
            background: url(../images/icons/WhiteArrowUpSmall.svg) no-repeat 95% center;
            background-color: #1d3443
        }

    .IRMenuContainer {
        height: auto;
        display: none
    }

    .IRMenu {
        width: 100%;
        height: auto;
        float: none;
        display: block;
        background: #fff
    }

        .IRMenu li {
            width: 100%;
            border: 0;
            float: none;
            height: auto;
            display: block;
            border-bottom: 0
        }

            .IRMenu li a.IRMenuItem {
                display: block;
                padding: 13px;
                width: 100%;
                font-size: 16px !important;
                font-weight: bold;
                background-color: #fff !important;
                box-shadow: none;
                border-radius: 0 0 3px 3px;
                color: #1d3443 !important;
                text-decoration: none;
                vertical-align: middle;
                text-align: left;
                border: 0;
                padding: 15px 20px;
                letter-spacing: initial
            }

                .IRMenu li a.IRMenuItem.Dropdown {
                    background: url(../images/icons/ThinRightArrowBlue.svg) no-repeat right 5% center;
                    display: table-cell !important;
                    padding-right: 35px;
                    float: right
                }

                    .IRMenu li a.IRMenuItem.Dropdown.active {
                        background: url(../images/icons/DarkBlueArrowUp.svg) no-repeat right 5% center;
                        display: table-cell !important;
                        float: none;
                        width: 730px
                    }

    .IRMenuDropdown {
        position: relative;
        max-width: 100%;
        background-color: #fff;
        background-image: linear-gradient(rgba(30,53,68,.06) 0%,rgba(255,255,255,0) 10%);
        border-radius: 0;
        width: 100%
    }

        .IRMenuDropdown a {
            text-align: left;
            color: #7f6f64
        }

            .IRMenuDropdown a:after {
                border-bottom: 0
            }

    .IRMenu li a.IRMenuItem:after {
        display: none
    }

    .SharePriceInformation {
        margin-bottom: 30px
    }

    .NewsSummaryItem .SubHeading p, .media-listing-summary, .media-listing-item .media-listing-title {
        margin-bottom: 12px !important
    }

    .IRSPatternBlock h4 {
        margin-bottom: 25px
    }

    .CoverAIRContainer .AIRHeading {
        line-height: 111% !important
    }

    .IRSharePrice .SPItem {
        font-size: 16px !important
    }

    .NewsSummaryItem .SubHeading p, .NewsSummaryItem .Date, .NewsSummaryItem .SubHeading p em, .SubHeading, .media-listing-summary {
        font-size: 14px !important
    }

    .IRSPatternBlock {
        margin-top: 20px !important
    }

    #Items-7102 {
        padding-top: 0 !important
    }

    .IRSPatternBlockSecondary .QOCBannerBlock {
        padding-left: 15px !important
    }
}

@media(nax-width:600px) {
    .InvestorRelationBigBanner.Landing {
        padding: 30px 0 90px
    }

    #Items-7102 {
        margin-top: -50px !important
    }

    .PaddingTAB {
        padding: 35px 0 !important
    }

    .IRMenu li a.IRMenuItem.Dropdown.active {
        width: 570px
    }
}

@media(max-width: 480px) {
    .IRMenu li a.IRMenuItem.Dropdown.active {
        width: 450px
    }
}

.PaddingTAB {
    padding: 60px 0
}

.PaddingFAT {
    padding: 100px 0
}

.WelcomeBlock {
    margin-top: 30px;
    margin-right: 23%
}

    .WelcomeBlock a {
        margin-top: 25px
    }

.IRSPatternBlock {
    margin-top: 50px
}

    .IRSPatternBlock h4 {
        font-weight: 400;
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -.03em;
        color: #1d3443;
        margin-bottom: 40px
    }

.IRGoldLink {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    color: #7f6f64 !important;
    margin-bottom: 20px;
    padding-right: 35px;
    background: url(../images/icons/right-full-gold-new.svg) no-repeat right center;
    transition: all ease-in-out .4s;
    display: table
}

    .IRGoldLink:hover {
        color: #7f6f64 !important;
        padding-right: 45px;
        transition: all ease-in-out .4s
    }

    .IRGoldLink.ExtraHigh {
        margin-bottom: 40px
    }

.CoverAIRContainer {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 90px 40px;
    background: url('/Portals/0/LiveArticles/InvestorRelations/annual-report-banner.jpg') no-repeat center center;
    background-size: cover
}

    .CoverAIRContainer .AIRSmallHeading {
        font-weight: 700;
        font-size: 13px;
        line-height: 18px;
        display: flex;
        align-items: center;
        letter-spacing: .15em;
        text-transform: uppercase;
        color: #1d3443;
        margin-bottom: 20px
    }

    .CoverAIRContainer .AIRHeading {
        font-weight: 300;
        font-size: 45px;
        line-height: 50px;
        letter-spacing: -.03em;
        color: #1d3443;
        font-family: Open Sans Light;
        width: 60%
    }

    .CoverAIRContainer .AIRLink, .IRSPatternBlockSecondary .QOCBannerBlock .IRLink {
        background: url(../images/icons/right-long-blue.svg) no-repeat right center;
        margin-top: 10px;
        padding-right: 30px;
        color: #1d3443 !important;
        font-size: 14px;
        margin-top: 20px;
        display: table;
        font-family: 'Open Sans Semi-Bold'
    }

        .CoverAIRContainer .AIRLink:hover, .IRSPatternBlockSecondary .QOCBannerBlock .IRLink:hover {
            color: #1d3443 !important;
            padding-right: 40px;
            transition: all ease-in-out .4s
        }

@media(max-width: 450px) {
    .IRSPatternBlockSecondary .QOCBannerBlock .IRLink {
        max-width: 150px
    }
}

#Items-7102 {
    padding-top: 40px;
    padding-right: 50px
}

    #Items-7102 div > h4 {
        font-weight: 400;
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -.03em;
        color: #1d3443
    }

    #Items-7102 .panel-group .panel-default {
        margin-bottom: 20px
    }

        #Items-7102 .panel-group .panel-default > .panel-heading h4 {
            background: url(../images/icons/ThinRightArrowWhite.svg) no-repeat 95% center;
            padding: 14px 20px
        }

    #Items-7102 #DebtInstrument.panel-group .panel-default > .panel-heading.collapsed h4 {
        background: url(../images/icons/WhiteArrowDownSmall.svg) no-repeat 95% center;
        padding: 14px 20px
    }

    #Items-7102 #DebtInstrument.panel-group .panel-default > .panel-heading h4 {
        background: url(../images/icons/WhiteArrowUpSmall.svg) no-repeat 95% center;
        padding: 14px 20px
    }

.Investors .NoPaddingRight h1 {
    margin-top: 30px
}

.IRSPatternBlockSecondary {
    background: #fff;
    padding: 40px 60px
}

    .IRSPatternBlockSecondary h4 {
        font-weight: 400;
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -.03em;
        color: #1d3443
    }

    .IRSPatternBlockSecondary .QOCBannerBlock {
        width: 100%;
        height: 150px;
        background: url(/Portals/0/LiveArticles/InvestorRelations/qoc-investors-banner.jpg) no-repeat center center;
        background-size: cover;
        padding: 30px;
        border-radius: 5px
    }

        .IRSPatternBlockSecondary .QOCBannerBlock .SmallHeading {
            font-weight: 700;
            font-size: 20px;
            line-height: 26px;
            letter-spacing: -.03em;
            color: #1d3443
        }

@media(max-width: 900px) {
    .IRSPatternBlockSecondary {
        padding: 20px
    }
}

.GovernanceImageBlock {
    margin-top: 100px
}

    .GovernanceImageBlock img {
        width: 100%
    }

.Reports {
    margin-right: 0;
    margin-top: 100px;
    padding: 100px 20px
}

    .Reports h4 {
        font-weight: 400;
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -.03em;
        color: #1d3443
    }

.TransformationCopyContainer {
    max-width: 800px;
    margin: 0 auto
}

    .TransformationCopyContainer h4 {
        font-style: normal;
        font-weight: 400;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        letter-spacing: -.03em;
        color: #1d3443
    }

    .TransformationCopyContainer h4, .TransformationCopyContainer p {
        text-align: center;
        margin-bottom: 40px
    }

#Sustainability {
    padding-top: 30px;
    justify-content: center
}

    #Sustainability .Sustainability-block {
        background: #1d3443;
        padding: 30px;
        min-height: 350px;
        display: block;
        margin-bottom: 30px;
        position: relative;
        transition: all ease-in-out .4s
    }

        #Sustainability .Sustainability-block:hover {
            border-top: 8px solid #d5bfac;
            transition: all ease-in-out .4s
        }

        #Sustainability .Sustainability-block .icon {
            height: 50px;
            width: 50px;
            margin: 0 auto 20px
        }

            #Sustainability .Sustainability-block .icon img {
                width: 100%
            }

                #Sustainability .Sustainability-block .icon img.Hover {
                    display: none
                }

        #Sustainability .Sustainability-block:hover .icon img {
            display: none
        }

            #Sustainability .Sustainability-block:hover .icon img.Hover {
                display: block
            }

        #Sustainability .Sustainability-block .Heading {
            font-weight: 700;
            font-size: 20px;
            line-height: 26px;
            text-align: center;
            letter-spacing: -.03em;
            color: #fff;
            margin-bottom: 30px
        }

        #Sustainability .Sustainability-block .Subheading {
            font-weight: 700;
            font-size: 13px;
            line-height: 18px;
            text-align: center;
            letter-spacing: .15em;
            text-transform: uppercase;
            color: #bec2c6;
            margin-bottom: 10px
        }

        #Sustainability .Sustainability-block p {
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            color: #bec2c6;
            margin-bottom: 30px;
            text-align: center;
            color: #bec2c6
        }

        #Sustainability .Sustainability-block .GoldLink {
            font-family: 'Open Sans';
            font-size: 16px;
            line-height: 22px;
            align-items: center;
            color: #e4d7cc !important;
            margin: 0 auto;
            padding-right: 30px;
            background: url(../images/icons/right-full_light_gold.svg) no-repeat right center;
            transition: all ease-in-out .4s;
            display: table;
            position: absolute;
            bottom: 30px;
            left: calc(50% - 50px)
        }

        #Sustainability .Sustainability-block:hover .GoldLink {
            padding-right: 45px
        }

.CredibleData {
    padding-top: 90px
}

    .CredibleData div img {
        width: 100%
    }

    .CredibleData .CredibleDataCopy {
        padding-top: 60px;
        padding-left: 40px
    }

        .CredibleData .CredibleDataCopy h4 {
            font-weight: 400;
            font-size: 40px;
            line-height: 50px;
            letter-spacing: -.03em;
            color: #1d3443;
            margin-bottom: 30px
        }

        .CredibleData .CredibleDataCopy p {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            color: #61717b;
            margin-bottom: 30px
        }

.background-box-clinic-outcome {
    padding: 45px 20px;
    color: #c6c6c6;
    margin-bottom: 15px;
    background-color: #1d3443;
    text-align: center
}

    .background-box-clinic-outcome h3 {
        color: #fff;
        font-size: 24px;
        margin-bottom: 0
    }

.Doctor_Dentist {
    margin-top: 30px !important
}

.background-box-blue {
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #1d3443;
    color: #fff
}

    .background-box-blue h6 {
        color: #fff;
        font-family: Open Sans Bold
    }

div#netcare-education {
    float: right
}

.patient-journey-nav {
    margin-bottom: 30px
}

.patient-nav span {
    display: inline-block;
    width: 70%;
    font-size: 16px;
    vertical-align: middle;
    line-height: 20px;
    padding-bottom: 2px
}

.patient-journey-icon-small {
    display: inline-block;
    width: 25%;
    padding: 13px 0;
    vertical-align: middle
}

.patient-nav {
    border-radius: 4px;
    border: solid 1px rgba(102,102,102,.2);
    margin: 10px;
    padding: 0 13px;
    width: 195px !important;
    height: 65px;
    line-height: 61px;
    cursor: pointer;
    box-shadow: 5px 5px 13px 0 rgba(0,0,0,.1);
    flex: none
}

.discharge span {
    padding-bottom: 7px
}

.patient-nav.active-tab {
    box-shadow: none;
    background-color: #1d3443;
    border: 1px solid #1d3443;
    cursor: pointer;
    color: #fff
}

.active-tab .patient-journey-icon-small svg path {
    fill: #fff
}

.patient-nav.active-tab span {
    color: #fff
}

.patient-nav:hover {
    box-shadow: none;
    background-color: #1d3443;
    border: 1px solid #1d3443;
    cursor: pointer;
    color: #fff
}

    .patient-nav:hover .patient-journey-icon-small svg path {
        fill: #fff
    }

div#netcare-education span {
    line-height: 17px;
    font-size: 14px
}

div#FNAH-post-basic-specialist-programmes span {
    line-height: 17px
}

.patient-journey-nav > .row {
    font-size: 70%
}

.info-table {
    display: flex;
    flex-wrap: wrap
}

.third-nr-box {
    width: 32%;
    margin: 1% 1% 2% 0%;
    display: inline-block;
    background-color: #fff !important;
    vertical-align: top;
    padding-bottom: 20px
}

    .third-nr-box h3 {
        color: #1d3443 !important;
        margin-left: 10px
    }

    .third-nr-box .count {
        width: 20%;
        text-align: right;
        font-weight: bold;
        display: inline-block;
        vertical-align: top;
        color: #1d3443 !important
    }

    .third-nr-box .photo img {
        width: 100%;
        height: auto
    }

    .third-nr-box p {
        margin-bottom: 0;
        margin-top: 3px
    }

    .third-nr-box .count-desc {
        width: 76%;
        display: inline-block;
        padding-left: 3%
    }

    .third-nr-box .text {
        display: inline-block;
        flex-direction: column;
        padding: 3%;
        width: 94%
    }

        .third-nr-box .text p {
            flex: 1 0 auto
        }

.third-nr-boxes-wrapper {
    display: flex;
    flex-wrap: wrap
}

.third-nr-box .photo {
    min-width: 100%
}

.third-nr-box .text ul {
    padding-left: 25%
}

#Apps {
    margin-bottom: 30px
}

.AppImage {
    display: block;
    margin: 13px auto
}

.info-container {
    background-color: #fff !important;
    margin: 0 auto;
    width: 100%
}

.blue-icon-box {
    background-color: #1d3443;
    display: inline-table;
    margin: 1% 1% 1% 0;
    padding: 1% 0 2% 1%;
    vertical-align: top;
    position: relative
}

    .blue-icon-box h2 {
        font-size: 55px;
        font-weight: normal !important;
        margin: 5px 0 0 0;
        width: 70%;
        float: left;
        color: #fff !important
    }

    .blue-icon-box p {
        font-size: 17px;
        margin: 0;
        padding: 10px 0 0 0;
        width: 100%;
        font-weight: 600;
        color: #fff !important
    }

    .blue-icon-box .icon {
        display: inline-block;
        vertical-align: top;
        width: 30%
    }

        .blue-icon-box .icon img {
            float: right;
            padding: 10px;
            width: 100%;
            height: auto
        }

.blue-icon-box {
    display: flex;
    width: 30%
}

.blue-icon-box-content {
    display: inline-block;
    flex-direction: column;
    padding: 0 3%;
    width: 94%
}

.blue-icon-wrapper {
    display: flex;
    flex-wrap: wrap
}

div#transformation {
    margin: 10px -15px 20px
}

.SubPageMenuContainer .navbar-nav > li {
    float: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin: 10px
}

.SubPageMenuContainer .navbar-nav {
    float: left;
    margin-left: -10px
}

.SubPageMenuContainer > ul > li > a:hover {
    color: #d5bfac !important;
    background: url(../images/PeachArrow.svg) no-repeat right center
}

.GraphContainer {
    background: #fff;
    padding: 30px 0;
    margin: 0 15px 50px 15px
}

.GraphHeading, .SharepriceHeading {
    margin-top: 50px
}

.SharepriceHeading {
    padding-left: 45px
}

    .GraphHeading h4, .SharepriceHeading h4 {
        margin-bottom: 10px;
        font-weight: 400
    }

.DnnModule-SharePriceGraphMvc {
    width: 68%;
    display: inline-block;
    vertical-align: top;
    background: #fff
}

.SubPage .DnnModule-SharePriceGraphMvc {
    width: 100% !important;
    margin-bottom: 75px;
    background: none
}

#ShareholderGraphContainer {
    background: #fff;
    position: relative
}

.shareprice-title {
    width: 33%;
    margin: 0;
    padding: 10px 0 0 30px;
    font-size: 16px;
    color: #1d3443;
    line-height: 23px
}

.shareprice-subtitle {
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0 0 0 31px;
    color: #80898f
}

.DnnModule-SharePriceGraphMvc .SharePriceGraph {
    width: 100%;
    padding-right: 30px
}

    .DnnModule-SharePriceGraphMvc .SharePriceGraph div:last-child {
        width: 100%;
        height: 266px
    }

    .DnnModule-SharePriceGraphMvc .SharePriceGraph h3 {
        display: none
    }

    .DnnModule-SharePriceGraphMvc .SharePriceGraph div:last-child svg {
        width: 100%;
        height: 266px
    }

    .DnnModule-SharePriceGraphMvc .SharePriceGraph .loader {
        width: 60px !important;
        height: 60px !important
    }

.DnnModule-SharePriceGraphMvc .SharePriceGraphSub {
    width: 100%;
    padding-right: 30px
}

    .DnnModule-SharePriceGraphMvc .SharePriceGraphSub div:last-child {
        width: 100%;
        height: 266px
    }

        .DnnModule-SharePriceGraphMvc .SharePriceGraphSub div:last-child svg {
            width: 100%;
            height: 266px
        }

    .DnnModule-SharePriceGraphMvc .SharePriceGraphSub .loader {
        width: 60px !important;
        height: 60px !important
    }

#share-graph-filtering {
    position: absolute;
    right: 15px;
    top: 15px
}

    #share-graph-filtering span {
        padding: 5px 10px;
        display: inline-block;
        text-transform: uppercase;
        color: #57656e;
        font-size: 14px;
        font-weight: 600
    }

        #share-graph-filtering span.active, #share-graph-filtering span:hover {
            cursor: pointer;
            color: #1d3443;
            font-weight: bold;
            border-bottom: 2px solid #d5bfac
        }

div#graph-canvas-7099 {
    margin-top: 30px
}

#graph-canvas-7099 text {
    font-weight: normal;
    fill: #80898f;
    font-style: normal;
    font-family: "Open Sans"
}

.SharePriceInfo.shareprice-price-control h3 {
    display: none
}

.DnnModule-SharePriceInformation {
    width: 32%;
    display: inline-block;
    vertical-align: top
}

.SubPage .DnnModule-SharePriceInformation {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.GraphLink {
    float: right;
    top: 74PX;
    position: relative
}

.article-image img, .article-content img {
    height: auto !important;
    max-width: 100%;
    float: left;
    margin: 0 25px 0 0;
    padding-bottom: 15px
}

.article-content p > em {
    float: left
}

#see-all {
    overflow: hidden;
    display: inline-block;
    margin-top: -55px;
    margin-bottom: 70px;
    z-index: 0
}

.IRSharePriceContainer a {
    margin-top: 20px;
    float: right
}

.IRSharePrice {
    background: #fff;
    display: block;
    width: 100%;
    border-left: 1px solid rgba(0,0,0,.1);
    padding-bottom: 15px;
    padding-left: 50px
}

.SubPage .IRSharePrice {
    background: #fff;
    display: block;
    width: 98%;
    border-left: 0;
    padding: 30px
}

.IRSharePrice .SPItem {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 10px
}

    .IRSharePrice .SPItem .SPLabel {
        color: #80898f;
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .IRSharePrice .SPItem .SPValue {
        width: 100%;
        display: block;
        color: #1d3443
    }

.SENSThird, .MediaReleaseThird {
    margin: 50px 0
}

.NewsSummaryItem, .media-listing-item {
    width: 100%;
    display: inline-block;
    margin-right: -5px;
    margin-bottom: 40px;
    padding-right: 5%;
    vertical-align: top;
    min-height: 130px;
    border-bottom: 1px solid #e8e9ea
}

    .NewsSummaryItem:last-child, .media-listing-item:last-child {
        border-bottom: 0 solid #e8e9ea
    }

    .NewsSummaryItem .Heading, .media-listing-item .media-listing-title {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: -.03em;
        color: #1d3443
    }

    .media-listing-item .media-listing-title {
        margin-bottom: 15px
    }

    .NewsSummaryItem .Heading a, .media-listing-item a.media-listing-link {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: -.03em;
        color: #1d3443
    }

        .NewsSummaryItem .Heading a:hover, .media-listing-item a.media-listing-link:hover {
            color: #d5bfac
        }

.SubHeading, .media-listing-summary {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #61717b
}

.NewsSummaryItem .SubHeading p, .media-listing-summary {
    margin-bottom: 2px
}

    .NewsSummaryItem .SubHeading p em, .NewsSummaryItem .SubHeading i {
        font-style: normal;
        font-size: 16px;
        font-family: 'Open Sans';
        font-weight: normal !important
    }

.NewsSummaryItem .Date, .media-listing-date {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #61717b
}

.MediaReleaseThird h3, .SENSThird h3 {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f
}

.MediaReleaseThird .BlueLink, .SENSThird .BlueLink {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    color: #7f6f64 !important;
    margin-bottom: 20px;
    padding-right: 30px;
    background: url(../images/icons/right-full-gold-new.svg) no-repeat right center;
    transition: all ease-in-out .4s;
    display: table
}

    .MediaReleaseThird .BlueLink:hover, .SENSThird .BlueLink:hover {
        color: #7f6f64 !important;
        padding-right: 40px;
        transition: all ease-in-out .4s
    }

.panel-group .panel-default {
    border: 0;
    border-radius: 0;
    margin-bottom: 10px
}

    .panel-group .panel-default > .panel-heading {
        width: 100%;
        display: block;
        background: #1d3443;
        border-radius: 3px;
        border: 0;
        color: #fff
    }

        .panel-group .panel-default > .panel-heading h4 {
            background: url(../images/icons/WhiteArrowUpSmall.svg) no-repeat 95% center;
            font-size: 14px;
            color: #fff;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: -.03em;
            padding: 18px;
            margin-bottom: 0
        }

        .panel-group .panel-default > .panel-heading.collapsed h4 {
            background: url(../images/icons/WhiteArrowDownSmall.svg) no-repeat 95% center
        }

.panel-group .panel-collapse {
    background: #fff;
    padding: 25px
}

.panel-group .panel-body {
    border: 0;
    padding: 0;
    margin-left: -20px
}

    .panel-group .panel-body .DocumentListItem {
        display: block;
        height: 52px;
        padding: 15px
    }

        .panel-group .panel-body .DocumentListItem:hover {
            background: #f4ede6;
            box-shadow: 0 8px 20px rgba(0,0,0,.05)
        }

        .panel-group .panel-body .DocumentListItem .DocumentListLabel {
            font-size: 14px;
            font-weight: bold;
            max-width: 230px;
            overflow: hidden;
            display: inline-block;
            height: 17px
        }

#FinancialResultAccordion .panel-body .DocumentListItem .DocumentListLabel {
    max-width: 80%
}

.panel-group .panel-body .DocumentListItem .DocumentListLabel a {
    margin-left: 10px;
    width: 100%;
    line-height: 18px;
    color: #002663
}

.panel-group .panel-body .DocumentListItem .DocumentListFileSize {
    display: inline-block;
    float: right;
    color: #bec2c6;
    margin-left: 5px;
    font-size: 12px
}

@media(max-width: 992px) {
    .DocumentListLabel {
        max-width: 80% !important
    }
}

@media(max-width: 480px) {
    .DocumentListLabel {
        max-width: 75% !important
    }
}

@media(max-width: 400px) {
    .DocumentListLabel {
        max-width: 65% !important
    }
}

.SingleDocumentList {
    margin-bottom: 20px;
    display: block;
    height: 40px;
    margin-top: -10px;
    margin-left: 17px
}

    .SingleDocumentList .DocumentListIcon {
        display: inline-block;
        height: 31px;
        border-color: transparent;
        outline: 0;
        overflow: hidden;
        vertical-align: middle
    }

    .SingleDocumentList .DocumentListLabel {
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        line-height: 20px;
        margin-left: 10px;
        vertical-align: middle
    }

        .SingleDocumentList .DocumentListLabel a {
            color: #002663
        }

            .SingleDocumentList .DocumentListLabel a:hover {
                color: #d5bfac
            }

    .SingleDocumentList .DocumentListSize {
        font-size: 12px;
        float: right;
        color: #bec2c6
    }

.SharePriceTicker .IRMenuPrice {
    padding-left: 7px
}

.AIR-reports img {
    max-width: 100%;
    padding-bottom: 30px
}

.AIR-reportsImg {
    min-width: 155px;
    min-height: 258px
}

.AIR-reports .pdf-download, .AIR-reports .html-download {
    display: block;
    margin-bottom: 10px
}

    .AIR-reports .pdf-download .DocumentListIcon, .AIR-reports .html-download .DocumentListIcon {
        margin-right: 5px
    }

.AIR-reportsPagination {
    display: block;
    clear: both;
    margin-left: 30px
}

    .AIR-reportsPagination .previousButton, .AIR-reportsPagination .nextButton {
        cursor: pointer;
        background: #1d3443;
        color: #fff;
        padding: 7px;
        border: 0 none;
        outline: 0;
        margin: 0;
        width: 80px
    }

    .AIR-reportsPagination .pagination {
        margin: 0 5px;
        display: inline-block;
        border-radius: 4px
    }

img.HTMLIcon {
    width: 20px
}

img.PodCastIcon {
    width: 20px
}

.TableWrapper {
    display: table;
    width: 100%;
    padding: 30px 0 20px
}

    .TableWrapper .TableRow {
        display: table-row
    }

        .TableWrapper .TableRow > div {
            display: table-cell;
            padding: 10px;
            vertical-align: top;
            border-bottom: solid 1px #ebebeb;
            color: #1d3443
        }

            .TableWrapper .TableRow > div.TableRowIndent {
                padding-left: 20px
            }

        .TableWrapper .TableRow:first-child > div {
            font-weight: bold;
            background: #1d3443;
            border: 0;
            color: #fff;
            vertical-align: middle
        }

            .TableWrapper .TableRow:first-child > div > label {
                color: #fff;
                font-size: 16px;
                line-height: 22px;
                letter-spacing: -.03em;
                padding: 5px 0;
                margin-bottom: 0
            }

        .TableWrapper .TableRow > div:last-child {
            vertical-align: middle
        }

.TableSeparate {
    display: table;
    width: 100%;
    margin-bottom: 2px
}

    .TableSeparate .TableRowHeader div {
        border: 0
    }

    .TableSeparate .ColumnHighlight {
        background: #3c639a !important;
        z-index: 1
    }

        .TableSeparate .ColumnHighlight label, .TableSeparate .ColumnHighlight {
            color: #fff
        }

    .TableSeparate .TableRow .SecondName, .TableSeparate .TableRow .ThirdName, .TableSeparate .TableRow .FourthName, .TableSeparate .TableRow .FifthName {
        width: 200px
    }

    .TableSeparate .TableRow .TableRowHighlight {
        background: #8ebae5 !important;
        color: #fff;
        z-index: 2
    }

    .TableSeparate .TableRowBodyTitle div {
        border: 0
    }

        .TableSeparate .TableRowBodyTitle div:first-child {
            font-size: 18px;
            font-weight: bold;
            color: #002663
        }

    .TableSeparate .TableRowTotal {
        background: #edf1f5
    }

        .TableSeparate .TableRowTotal > div {
            font-weight: bold;
            border: 0
        }

.TableCorpInfo .FirstName {
    width: 75%
}

.TableCorpInfo .SecondName {
    width: 25%
}

@media(max-width: 1200px) {
    .TableSeparate .TableRow .SecondName, .TableSeparate .TableRow .ThirdName, .TableSeparate .TableRow .FourthName, .TableSeparate .TableRow .FifthName {
        width: 150px
    }
}

@media(max-width: 992px) {
    .TableSeparate .TableRow .SecondName, .TableSeparate .TableRow .ThirdName, .TableSeparate .TableRow .FourthName, .TableSeparate .TableRow .FifthName {
        width: 120px
    }
}

@-moz-document url-prefix() {
    #SearchHospital, #SearchSpecialist, #SearchDoctor, #SearchDentist, #SearchClinic, #SearchVacancies {
        margin-bottom: 50px;
    }
}

#Hospital .HospitalWrapper, #Specialist .SpecialistsWrapper, #Clinic .ClinicWrapper, #Doctor .DoctorsWrapper, #Densits .FilterWrapper {
    padding: 10px 0
}

#Doctor, #Dentist {
    padding: 20px 0 30px
}

    #Doctor .FilterWrapper, #Dentist .FilterWrapper {
        padding: 10px 0 20px;
        overflow: auto
    }

    #Doctor #SearchDoctor:hover, #Dentist #SearchDentist:hover {
        background: #1d3443;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

    #Doctor #searcherror, #Dentist #searcherror {
        color: #e7393f;
        margin-left: 10px;
        float: none
    }

        #Doctor #searcherror.error, #Dentist #searcherror.error {
            display: inline-block !important
        }

    #Doctor .DoctorsWrapper, #Dentist .DentistWrapper {
        display: table;
        width: 100%;
        padding: 20px 0 20px
    }

        #Doctor .DoctorsWrapper .DoctorRow, #Dentist .DentistWrapper .DentistRow, #Dentist .DentistWrapper .DenstistRow {
            display: table-row
        }

            #Doctor .DoctorsWrapper .DoctorRow > div, #Dentist .DentistWrapper .DentistRow > div, #Dentist .DentistWrapper .DenstistRow > div {
                display: table-cell;
                padding: 7px 5px;
                vertical-align: top
            }

    #Doctor .prevousButton, #Doctor .nextButton, #Dentist .prevousButton, #Dentist .nextButton {
        background: #d9d9d9;
        border: 0 none;
        color: #6c6c6c;
        padding: 5px 15px
    }

    #Doctor .prevousButton, #Dentist .prevousButton {
        margin-right: 20px
    }

    #Doctor .nextButton, #Dentist .nextButton {
        margin-left: 20px
    }

.search-filter-labels .alert-secondary {
    background: #1d3443;
    color: #fff;
    border: 0;
    display: inline-block
}

.search-filter-labels .alert {
    padding: 10px 30px 8px 10px
}

#Doctor .DoctorsWrapper .DoctorRow > div {
    display: table-cell;
    padding: 15px 5px;
    vertical-align: top;
    border-top: 1px solid #dfdfdf !important
}

    #Doctor .DoctorsWrapper .DoctorRow > div.Address, #Dentist .DentistWrapper .DentistRow > div.Address {
        font-size: 16px;
        line-height: 18px;
        color: #d5bfac
    }

        #Doctor .DoctorsWrapper .DoctorRow > div.Address a, #Dentist .DentistWrapper .DentistRow > div.Address a {
            font-size: 14px;
            line-height: 18px;
            color: #57656e
        }

.listing-columns {
    -moz-column-count: 5;
    -moz-columns: 5;
    -webkit-columns: 5;
    columns: 5;
    list-style: none;
    padding-left: 17px;
    padding-bottom: 30px
}

    .listing-columns li {
        list-style: none !important;
        display: inline-block;
        padding-bottom: 15px
    }

        .listing-columns li > :nth-child(2) {
            display: none !important
        }

    .listing-columns span {
        display: inline-block !important;
        width: 100%
    }

span.Netcare-super-lists-additional-info, span.Netcare-super-lists-contact-number {
    font-size: 14px !important;
    margin-top: 0;
    color: #999 !important;
    padding-bottom: 0;
    margin-bottom: 3px;
    LINE-HEIGHT: 13px
}

span.Netcare-super-lists-additional-info {
    color: #d5bfac !important
}

span.Netcare-super-lists-contact-number {
    margin-top: 5px
}

.Netcare-super-list-group ul {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0
}

.Netcare-super-lists .LineHeader {
    margin-top: 30px
}

a.Netcare-super-lists-item {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 12px
}

.PaginationWrapper {
    width: 100%;
    text-align: center
}

.ActionLinks {
    height: auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

    .ActionLinks.collapsed {
        height: 0;
        overflow: hidden
    }

@media all and (max-width: 800px) {
    .ActionLinks.collapsed {
        height: auto;
        overflow: visible
    }
}

.ActionLinks h6 {
    font-family: Open Sans;
    text-transform: uppercase;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .15em;
    margin: 25px
}

.ActionLinks .ActionLinkItem {
    height: 230px;
    padding: 0
}

    .ActionLinks .ActionLinkItem a {
        display: block;
        height: 80%;
        width: 100%;
        padding: 30px;
        border-top: 0 solid transparent;
        background: #fff;
        transition: all ease-in-out .2s;
        border-right: 1px solid #e8e9ea
    }

    .ActionLinks .ActionLinkItem:last-child a {
        border-right: 1px solid transparent
    }

    .ActionLinks .ActionLinkItem a:hover {
        box-shadow: 0 4px 50px rgba(118,124,175,.15);
        padding-bottom: 20px;
        border-top: 20px solid #d5bfac;
        margin-top: -20px;
        padding: 40px 30px;
        height: 300px;
        transition: all ease-in-out .2s;
        position: relative;
        z-index: 100
    }

    .ActionLinks .ActionLinkItem a .icon {
        margin: 0 auto;
        width: 75px;
        height: 50px;
        position: relative
    }

        .ActionLinks .ActionLinkItem a .icon img {
            margin: 0 auto;
            display: block;
            z-index: 100;
            position: relative
        }

        .ActionLinks .ActionLinkItem a .icon .peachblock {
            position: absolute;
            left: 0;
            right: 0;
            height: 25px;
            top: 50%;
            margin-top: -14px;
            background: #d5bfac;
            display: block;
            opacity: .3
        }

    .ActionLinks .ActionLinkItem a .text {
        text-align: center;
        color: #1d3443;
        font-weight: 600;
        height: 60px;
        padding: 10px 20px;
        margin: 0 auto;
        width: 100%
    }

    .ActionLinks .ActionLinkItem a .texthover {
        height: 0;
        overflow: hidden;
        transition: height ease-in-out .2s;
        text-align: center;
        margin: 20px 0;
        color: #57656e;
        font-weight: 300
    }

    .ActionLinks .ActionLinkItem a:hover .texthover {
        height: 100%;
        transition: height ease-in-out .2s;
        color: #57656e
    }

    .ActionLinks .ActionLinkItem a .texthover img {
        display: block;
        margin: 0 auto;
        padding-top: 20px
    }

.QuickLinksWrapper {
    background: #1d3443;
    height: 170px
}

    .QuickLinksWrapper .QuickLinks {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 0 160px;
        flex-wrap: nowrap;
        align-items: center
    }

        .QuickLinksWrapper .QuickLinks .QuickLinkItem {
            background: #1d3443;
            height: 135px;
            z-index: 100;
            width: 100%
        }

            .QuickLinksWrapper .QuickLinks .QuickLinkItem a {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                background: #1d3443;
                height: 135px;
                width: 90%;
                margin-left: 5%;
                border-top: 8px solid transparent
            }

                .QuickLinksWrapper .QuickLinks .QuickLinkItem a .icon {
                    margin-bottom: 5px;
                    flex: none;
                    order: 0;
                    flex-grow: 0;
                    margin-top: 40px;
                    transition: all ease-in-out .2s
                }

                .QuickLinksWrapper .QuickLinks .QuickLinkItem a .text {
                    color: #fff !important;
                    font-family: Open Sans Light;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 125%;
                    text-align: center;
                    letter-spacing: -.03em;
                    flex: none;
                    order: 1;
                    flex-grow: 0;
                    margin: 5px 0;
                    width: 165px
                }

                .QuickLinksWrapper .QuickLinks .QuickLinkItem a .texthover {
                    margin-bottom: 5px;
                    flex: none;
                    order: 2;
                    flex-grow: 0;
                    height: 0;
                    overflow: hidden;
                    transition: all ease-in-out .2s;
                    margin-top: 15px
                }

                .QuickLinksWrapper .QuickLinks .QuickLinkItem a:hover {
                    box-shadow: 0 4px 50px rgba(29,52,67,.5);
                    position: relative;
                    border-top: 8px solid #d5bfac;
                    margin-top: -26px;
                    transition: all ease-in-out .2s;
                    height: 230px
                }

                    .QuickLinksWrapper .QuickLinks .QuickLinkItem a:hover .icon {
                        margin-top: 16px;
                        transition: all ease-in-out .2s
                    }

                    .QuickLinksWrapper .QuickLinks .QuickLinkItem a:hover .texthover {
                        transition: all ease-in-out .2s;
                        height: 20px
                    }

        .QuickLinksWrapper .QuickLinks .seperator-image {
            height: 110px;
            width: 5px;
            margin-top: 30px
        }

            .QuickLinksWrapper .QuickLinks .seperator-image img {
                height: 100%
            }

        .QuickLinksWrapper .QuickLinks #quicklinks-showonmobile {
            display: none
        }

.ReuseBanner.ImageRight {
    display: flex;
    flex-flow: row-reverse;
    flex-wrap: wrap-reverse
}

.ReuseBanner.ImageLeft {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap
}

.ReuseBanner .ImageContainer, .ReuseBanner .ImageContainer-1 {
    width: 41.1%
}

    .ReuseBanner .ImageContainer img, .ReuseBanner .ImageContainer-1 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

@supports(-webkit-appearance: none) {
    .ReuseBanner .ImageContainer-1 img, .ReuseBanner .ImageContainer img {
        min-height: 100%;
        height: auto
    }
}

.ReuseBanner .CopyContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 58.9%;
    background: #1d3443;
    padding: 20px 65px 45px 55px;
    font-family: Open Sans Light;
    font-style: normal;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ReuseBanner .CopyContainer-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 58.9%;
    background: #1d3443;
    padding: 45px 60px;
    font-family: Open Sans Light;
    font-style: normal;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

    .ReuseBanner .CopyContainer-1 h2, .ReuseBanner .CopyContainer h2 {
        font-family: Open Sans;
        font-size: 30px;
        line-height: 130%;
        display: flex;
        align-items: center;
        letter-spacing: -.03em;
        color: #fff;
        margin-bottom: 25px;
        margin-top: 0
    }

    .ReuseBanner .CopyContainer-1 p, .ReuseBanner .CopyContainer p {
        font-weight: normal;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: -.03em;
        color: #bec2c6;
        margin-bottom: 30px
    }

        .ReuseBanner .CopyContainer-1 p a.callto, .ReuseBanner .CopyContainer p a.callto {
            color: #e4d7cc;
            font-family: 'Open Sans';
            font-size: 20px
        }

            .ReuseBanner .CopyContainer-1 p a.callto:hover, .ReuseBanner .CopyContainer p a.callto:hover {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 600;
                color: #fff;
                text-decoration-line: underline
            }

    .ReuseBanner .CopyContainer-1 .btn, .ReuseBanner .CopyContainer .btn {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 125%;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: -.03em;
        color: #1d3443;
        margin: 0;
        text-transform: none;
        border-radius: 3px;
        background: #e4d7cc;
        height: 56px;
        min-width: 157px
    }

        .ReuseBanner .CopyContainer-1 .btn:hover, .ReuseBanner .CopyContainer .btn:hover {
            color: #1d3443;
            background: #f8f6f4;
            box-shadow: 0 3px 20px rgba(30,53,68,.12);
            border-radius: 3px;
            height: 56px
        }

.healthcareOptions {
    padding-bottom: 0 !important;
    margin-bottom: 100px
}

.PeachPlus {
    background: url(../images/icons/PlusPeach.svg) no-repeat left top;
    padding-left: 24px;
    padding-top: 17px;
    line-height: 50px
}

.BluePlus {
    background: url('../images/icons/PlusBlue.svg') no-repeat left top;
    padding-left: 24px;
    padding-top: 17px;
    line-height: 50px
}

.SmallCarouselText .BluePlus {
    background: url(../images/icons/CarouselBluePlus.svg) no-repeat left top 10%
}

.LightBluePlus {
    background: url(../images/icons/LightBluePlus.svg) no-repeat left top;
    padding-left: 24px;
    padding-top: 17px;
    line-height: 50px
}

.ContentUnderPlus {
    margin-left: 23px
}

.TextMiddle {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.HeadingMiddle {
    display: table;
    margin: 0 auto;
    padding-bottom: 10px
}

.ResearchHeadingMiddle {
    margin-top: 30px !important
}

.ImportantTextUppercase {
    text-transform: uppercase;
    color: #1d3443;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .15em
}

.ImportantText {
    font-size: 18px;
    line-height: 23px;
    font-weight: bold
}

.SmallCarouselText {
    padding-top: 150px
}

    .SmallCarouselText a {
        margin-top: 20px
    }

    .SmallCarouselText p {
        padding-right: 30%
    }

#TabControl {
    min-height: 570px
}

    #TabControl .Wrapper .ImageContainer, #TabControl .Wrapper .textContainer {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        margin-right: -5px
    }

        #TabControl .Wrapper .ImageContainer img {
            width: 100%
        }

    #TabControl .Wrapper .textContainer {
        padding: 4% 11% 0 7%
    }

        #TabControl .Wrapper .textContainer .TextWrapper span {
            font-size: 20px;
            vertical-align: top;
            line-height: 10px
        }

        #TabControl .Wrapper .textContainer .TextWrapper h3 {
            font-weight: 700
        }

        #TabControl .Wrapper .textContainer .TextWrapper p {
            font-size: 18px;
            line-height: 23px;
            color: #80898f
        }

#TabControlNav {
    width: 800px;
    margin: 0 auto;
    padding-top: 100px
}

    #TabControlNav .nav-item {
        padding: 0 20px
    }

        #TabControlNav .nav-item .nav-link {
            color: #bec2c6 !important;
            text-transform: uppercase;
            letter-spacing: .15em
        }

            #TabControlNav .nav-item .nav-link.active {
                color: #1d3443 !important
            }

@media(max-width: 1600px) {
    #TabControl {
        min-height: 450px
    }

        #TabControl .Wrapper .textContainer {
            padding: 2% 6% 0 5%
        }
}

@media(max-width: 1450px) {
    #TabControl {
        min-height: 405px
    }

        #TabControl .Wrapper .textContainer {
            padding: 1% 4% 0 3%
        }
}

@media(max-width: 1350px) {
    #TabControl {
        min-height: 385px
    }

        #TabControl .Wrapper .textContainer {
            padding: 0 50px
        }

    .sectionInv_8 .thumbnailCard {
        right: 10%;
        width: 40%
    }
}

@media(max-width: 990px) {
    #TabControl .Wrapper .ImageContainer, #TabControl .Wrapper .textContainer {
        width: 100%
    }

    #TabControl .Wrapper .textContainer {
        padding: 20px
    }

    #TabControlNav {
        padding-top: 20px
    }
}

@media(max-width: 785px) {
    .TabNavOutsideWrapper {
        width: 100%;
        overflow: hidden;
        height: 100px;
        margin-bottom: 30px
    }

    .TabNavInsideWrapper {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden
    }

    #TabControlNav {
        width: 680px !important;
        height: 100px
    }

        #TabControlNav .nav-item {
            padding: 0 0
        }
}

#BodyWrapper section.Animation {
    padding: 0 0 50px 0 !important
}

.AnimationText {
    margin-top: 110px;
    margin-bottom: 40px
}

    .AnimationText h2 {
        margin-bottom: 40px
    }

    .AnimationText p {
        color: #1d3443
    }

.AnimationButtons .btn {
    min-width: 200px
}

.AnimationButtons .btn-primary {
    margin-right: 5px
}

#animationWrapper {
    width: 100%;
    height: 600px;
    position: relative
}

#mobileAnimationWrapper {
    display: none
}

#lottie, #OverlayImg {
    width: 100%;
    height: 100%;
    transform: translate3d(0,0,0);
    text-align: center
}

#lottie {
    z-index: 1;
    position: absolute;
    width: 100%
}

#OverlayImg {
    position: relative;
    z-index: 5;
    width: 788px;
    height: 740px;
    transform: translate(-4%,-14px) scale(.95);
    transform-origin: right center
}

.mobileAnimationHeading {
    display: none
}

@media(max-width: 1300px) {
    #OverlayImg {
        position: relative;
        transform: translate(-11%,-36px) scale(.9)
    }
}

@media(max-width: 1200px) {
    #OverlayImg {
        position: relative;
        transform: translate(-143px,-65px) scale(.82)
    }
}

@media(max-width: 1100px) {
    #OverlayImg {
        position: relative;
        transform: translate(-198px,-90px) scale(.76)
    }
}

@media(max-width: 1024px) {
    #OverlayImg {
        position: relative;
        transform: translate(-243px,-113px) scale(.7)
    }
}

#OverlayImg > div > img {
    position: absolute;
    cursor: pointer
}

#OverlayImg p {
    position: absolute;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #1d3443
}

#OverlayImg > div {
    position: absolute;
    z-index: 4
}

#HospitalBlock {
    right: 351px;
    top: 106px
}

#HospitalImg {
    width: 200px
}

#HospitalText {
    top: 92px;
    right: -291px
}

#HospitalBlock:hover #HospitalImg {
    width: 225px
}

#HospitalBlock:hover #HospitalText {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    padding: 10px 16px;
    top: 82px;
    right: -307px
}

#RenalBlock {
    top: 244px;
    right: 184px
}

#RenalImg {
    width: 139px
}

#RenalText {
    top: 88px;
    right: -9px;
    width: 102px
}

#RenalBlock:hover #RenalImg {
    width: 160px;
    top: -7px;
    right: -150px
}

#RenalBlock:hover #RenalText {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    top: 82px;
    right: -9px;
    padding: 6px 13px
}

#CancerBlock {
    bottom: 263px;
    right: 373px
}

#CancerImg {
    width: 238px
}

#CancerText {
    bottom: -194px;
    right: -306px
}

#CancerBlock:hover #CancerImg {
    width: 260px;
    bottom: -147px;
    right: -242px
}

#CancerBlock:hover #CancerText {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    padding: 12px 6px;
    bottom: -200px;
    right: -312px
}

#AkesoBlock {
    top: 103px;
    left: 85px
}

#AkesoImg {
    width: 145px
}

#AkesoText {
    top: 122px;
    left: -18px
}

#AkesoBlock:hover #AkesoImg {
    width: 165px;
    top: -3px;
    left: -8px
}

#AkesoBlock:hover #AkesoText {
    background: #fff;
    padding: 10px 20px;
    top: 112px;
    left: -38px
}

#Emergency911Block {
    bottom: 139px;
    left: 128px
}

#Emergency911Img {
    width: 257px
}

#Emergency911Text {
    bottom: -153px;
    left: 72px;
    width: 115px
}

#Emergency911Block:hover #Emergency911Img {
    width: 287px;
    bottom: -111px;
    left: -15px
}

#Emergency911Block:hover #Emergency911Text {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    padding: 11px 15px;
    bottom: -163px;
    left: -4px
}

#MedicrossBlock {
    bottom: 429px;
    left: 59px
}

#MedicrossImg {
    width: 172px
}

#MedicrossText {
    bottom: -200px;
    left: 69px
}

#MedicrossBlock:hover #MedicrossImg {
    width: 182px;
    bottom: -260px;
    left: -4px
}

#MedicrossBlock:hover #MedicrossText {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    padding: 10px 14px;
    bottom: -209px;
    left: 55px
}

#OCHBlock {
    top: 28px;
    right: 526px
}

#OCHImg {
    width: 163px
}

#OCHText {
    left: -23px;
    top: 134px;
    width: 193px
}

#OCHBlock:hover #OCHText {
    background: #fff;
    padding: 8px 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,.05)
}

#OCHBlock:hover #OCHImg {
    width: 181px;
    top: -8px;
    right: -173px
}

#Fingerprint {
    position: absolute;
    top: 261px;
    right: 345px;
    width: 159px;
    opacity: 1
}

#BackgroundLine {
    width: 744px;
    position: absolute;
    z-index: 3;
    right: 52px;
    top: -4px
}

img#BackgroundImg {
    position: absolute;
    z-index: 0;
    top: 7px;
    right: 52px;
    width: 93%
}

#NetcareSlider {
    margin-top: 25px;
    z-index: 2;
    display: block;
    width: 88%
}

    #NetcareSlider .NetcareSlide {
        height: auto;
        position: relative
    }

    #NetcareSlider .MobileImageBlock {
        display: none
    }

#NetcareSliderNavWrapper {
    width: 88%
}

#NetcareSliderNav {
    position: relative;
    width: 250px;
    height: 20px;
    margin: 0 auto
}

    #NetcareSliderNav .dots {
        position: relative;
        bottom: 26px !important
    }

    #NetcareSliderNav .prev-arrow.slick-arrow {
        background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
        cursor: pointer;
        position: absolute;
        left: 2px;
        bottom: -15px;
        top: auto;
        background-color: transparent;
        box-shadow: none
    }

    #NetcareSliderNav .next-arrow.slick-arrow {
        cursor: pointer;
        position: absolute;
        right: 2px;
        background: url(../images/CarouselRightArrow.svg) no-repeat center center;
        bottom: -15px;
        top: auto;
        background-color: transparent;
        box-shadow: none
    }

.LinkBlock {
    padding: 30px 60px;
    display: block;
    background: #fff;
    box-shadow: 0 2.93023px 11px rgba(26,34,57,.15);
    margin-bottom: 25px;
    transition: all ease-in-out .2s;
    min-height: 370px;
    position: relative;
    z-index: 2;
    cursor: pointer
}

    .LinkBlock .Icon img {
        max-height: 100%;
        max-width: 170px;
        display: block;
        margin: 0 auto
    }

    .LinkBlock .StrapLine {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .15em;
        text-transform: uppercase;
        color: #4682b4;
        margin-top: 15px
    }

    .LinkBlock .Text {
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        color: #1d3443;
        margin-top: 25px
    }

    .LinkBlock .readMore {
        width: 40px;
        height: 60px;
        position: absolute;
        bottom: 0;
        right: 0;
        border-top-left-radius: 20px;
        background: url(../images/icons/WhiteArrowRight.svg) no-repeat center center #1d3443;
        display: block
    }

.BackgroundMobile {
    display: none
}

.VideoLink img {
    width: 15%;
    display: inline-block
}

.VideoLink {
    display: block;
    margin: 25px 0
}

.VideoText, .GpVoucherText {
    display: inline-block;
    width: 78%;
    background: #fff;
    padding: 7%;
    padding-left: 35%;
    z-index: 1;
    float: right;
    margin-top: 7%;
    height: 86%
}

.GpVoucherSection {
    margin-top: 15%;
    margin-bottom: 80px
}

.VideoIntroductionWrapper, .GpVoucherSection {
    display: block;
    width: 100%;
    height: 800px;
    position: relative
}

.VideoImage, .GpImage {
    width: 50%;
    display: inline-block;
    position: absolute;
    height: 98%
}

p#playVid {
    display: inline-block;
    vertical-align: text-top;
    padding-left: 20px;
    margin-bottom: 0
}

.VideoImage img, .GpImage img {
    box-shadow: 0 6px 100px rgba(29,52,67,.24);
    max-width: 100%;
    z-index: 2
}

.netcarePlusLogoCustom {
    width: 120px
}

.VideoText h2, .GpVoucherText h2 {
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px
}

.videoHeading {
    margin-top: 50px
}

    .videoHeading p {
        font-size: 18px;
        line-height: 23px;
        text-align: center
    }

.videoSection {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 400px
}

    .videoSection iframe {
        left: 0;
        top: 0%;
        height: 100%;
        width: 100%;
        position: absolute
    }

#VideoHelper {
    position: absolute;
    right: 50%;
    width: 20px;
    height: 20px;
    top: -100px
}

.TextBelowVideo {
    margin-top: 30px
}

    .TextBelowVideo sub {
        line-height: 21px
    }

.rightBlock {
    background: #fff;
    padding: 30px;
    min-height: 160px;
    margin-bottom: 30px;
    margin-right: 0
}

.FlipItem {
    height: 200px;
    background-color: transparent;
    perspective: 1000px;
    padding-bottom: 25px
}

    .FlipItem .FlipItemInner {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform .4s;
        transform-style: preserve-3d
    }

    .FlipItem:hover .FlipItemInner {
        transform: rotateY(180deg)
    }

    .FlipItem .FlipItemInner .FlipItemFront, .FlipItem .FlipItemInner .FlipItemBack {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden
    }

    .FlipItem .FlipItemInner .FlipItemFront {
        background-color: #fff;
        padding: 30px 0
    }

.FlipItemFront .icon {
    margin: 0 auto;
    width: 100px;
    height: 50px;
    position: relative
}

    .FlipItemFront .icon img {
        margin: 0 auto;
        display: block;
        z-index: 100;
        position: relative;
        opacity: 1;
        transition: all ease-in-out .2s
    }

    .FlipItemFront .icon .peachblock {
        position: absolute;
        left: 0;
        right: 0;
        height: 25px;
        top: 50%;
        margin-top: -14px;
        background: #4682b4;
        display: block;
        opacity: .3
    }

.FlipItemFront .text {
    color: #1d3443;
    font-weight: 600;
    height: 60px;
    padding: 10px 0
}

.FlipItem:hover .FlipItemFront .icon img {
    opacity: 0;
    transition: all ease-in-out .2s
}

.FlipItem .FlipItemInner .FlipItemBack {
    background-color: #fff;
    box-shadow: 0 4px 50px rgba(118,124,175,.2);
    transform: rotateY(180deg)
}

.FlipItemBack .PeachHeader {
    background: #d5bfac;
    height: 35px;
    width: 100%;
    color: #fff;
    padding: 6px
}

.FlipItemBack .Stats {
    padding: 10px 0
}

    .FlipItemBack .Stats .Number, .FlipItemBack .Stats .Text {
        display: inline-block;
        vertical-align: middle
    }

    .FlipItemBack .Stats .Number {
        width: 70px;
        height: 30px;
        margin-right: -5px;
        font-size: 40px;
        line-height: 30px;
        text-align: center;
        letter-spacing: -.03em;
        color: #1d3443;
        font-family: "Open Sans Light"
    }

    .FlipItemBack .Stats .Text {
        width: calc(100% - 70px);
        text-align: left;
        padding: 0 5px 0 14px
    }

    .FlipItemBack .Stats .BigNumber {
        font-size: 40px;
        line-height: 30px;
        text-align: right;
        letter-spacing: -.03em;
        color: #1d3443;
        font-family: "Open Sans Light";
        text-align: center;
        padding: 30px 0 5px
    }

    .FlipItemBack .Stats .BigText {
        text-align: center;
        padding: 10px
    }

.ipadwrapper {
    margin-top: -185px;
    padding-right: 100px;
    margin-left: -70px;
    margin-bottom: -30px
}

    .ipadwrapper img {
        width: 100%
    }

.ipadtextblock {
    padding-top: 12px;
    padding-left: 20px
}

    .ipadtextblock p {
        margin-bottom: 40px;
        color: #1d3443;
        line-height: 140%
    }

    .ipadtextblock h2 {
        margin-top: 20px
    }

    .ipadtextblock .col-btn {
        display: inline
    }

#HomePageGoldBlock .btn-primary {
    margin-right: 5px
}

#HomePageGoldBlock .btn-secondary:hover, #HomePageGoldBlock .btn-secondary:active {
    background: #fff !important;
    border-color: #fff;
    color: #1d3443
}

#HomePageGoldBlock .btn {
    min-width: 200px
}

#BigSlider {
    background: #fff;
    box-shadow: 0 4px 60px rgba(26,34,57,.1);
    border-radius: 3px;
    height: 660px;
    margin-bottom: 50px
}

div#BigSliderNav, #doctorSliderNav {
    position: relative;
    width: 150px;
    height: 20px;
    margin: 0 auto
}

div#doctorSliderNav {
    display: block;
    margin-top: 50px;
    margin-bottom: 20px
}

div#BigSliderNav .dots, #doctorSliderNav .dots {
    position: relative;
    bottom: 18px !important
}

#BigSliderNav .prev-arrow.slick-arrow, #doctorSliderNav .prev-arrow.slick-arrow {
    background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
    cursor: pointer;
    position: absolute;
    left: -4px;
    bottom: 0;
    top: auto;
    background-color: transparent;
    box-shadow: none
}

#BigSliderNav.NetcarePlusSlider .prev-arrow.slick-arrow {
    left: 2px
}

#BigSliderNav .next-arrow.slick-arrow, #doctorSliderNav .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: -4px;
    background: url(../images/CarouselRightArrow.svg) no-repeat center center;
    bottom: 0;
    top: auto;
    background-color: transparent;
    box-shadow: none
}

#BigSliderNav.NetcarePlusSlider .next-arrow.slick-arrow {
    right: 2px
}

#BigSlider .BigSlide .Content, #BigSlider .BigSlide .Image {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    position: relative
}

#BigSlider .BigSlide .Content {
    margin-right: -5px;
    padding: 100px;
    float: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

    #BigSlider .BigSlide .Content h2 {
        background: url('../images/icons/PlusPeach.svg') no-repeat left top;
        margin-left: -24px;
        padding-left: 24px;
        font-size: 42px;
        padding-top: 17px
    }

        #BigSlider .BigSlide .Content h2 strong {
            font-family: "Open Sans"
        }

    #BigSlider .BigSlide .Content p {
        margin-bottom: 30px
    }

#BigSlider .BigSlide .Image {
    float: right
}

    #BigSlider .BigSlide .Image .MobileImage {
        display: none
    }

    #BigSlider .BigSlide .Image .LogoImg {
        background: #fff;
        position: absolute;
        bottom: 7%;
        right: 0;
        border-radius: 3px 0 0 3px
    }

        #BigSlider .BigSlide .Image .LogoImg.Appointmed {
            width: 35%;
            padding: 20px
        }

        #BigSlider .BigSlide .Image .LogoImg.RenalCare {
            width: 30%
        }

        #BigSlider .BigSlide .Image .LogoImg.Medicross {
            width: 23%;
            padding: 5px 20px
        }

        #BigSlider .BigSlide .Image .LogoImg.Netcare {
            width: 23%;
            padding: 5px 20px
        }

        #BigSlider .BigSlide .Image .LogoImg.WHO {
            width: 35%;
            padding: 20px
        }

        #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
            width: 35%;
            padding: 5px 38px;
            background: #66b6c4
        }

    #BigSlider .BigSlide .Image.Orthopaedics, #BigSlider .BigSlide .Image.Paediatrician {
        margin-top: -5%
    }

    #BigSlider .BigSlide .Image img {
        width: 100%
    }

#NewsSlider, #MediaSlider, #ResearchSlider {
    margin-bottom: 60px
}

    #NewsSlider .slick-list, #MediaSlider .slick-list, #ResearchSlider .slick-list {
        padding: 25px
    }

    #NewsSlider .slick-slide, #MediaSlider .slick-slide, #ResearchSlider .slick-slide {
        margin: 25px 15px
    }

    #NewsSlider .NewsSlide, #MediaSlider .MediaSlide, #ResearchSlider .ResearchSlide {
        height: 450px;
        background: #fff;
        box-shadow: 0 2.93023px 15px rgba(26,34,57,.15);
        border-radius: 2.5px;
        position: relative;
        padding: 75px 50px 50px;
        overflow: hidden
    }

        #NewsSlider .NewsSlide .Date, #MediaSlider .MediaSlide .Date, #ResearchSlider .ResearchSlide .Date {
            font-size: 14px;
            line-height: 19px;
            color: #d5bfac;
            padding-bottom: 20px
        }

        #NewsSlider .NewsSlide .Heading, #MediaSlider .MediaSlide .Heading, #ResearchSlider .ResearchSlide .Heading {
            font-size: 24px;
            line-height: 29px;
            color: #1d3443;
            font-weight: normal
        }

        #NewsSlider .NewsSlide p, #NewsSlider .NewsSlide p em, #NewsSlider .NewsSlide p strong, #MediaSlider .MediaSlide p, #MediaSlider .MediaSlide p em, #MediaSlider .MediaSlide p strong, #ResearchSlider .ResearchSlide p, #ResearchSlider .ResearchSlide p em, #ResearchSlider .ResearchSlide p strong {
            font-style: normal;
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
            color: #57656e
        }

        #NewsSlider .NewsSlide .Tag, #MediaSlider .MediaSlide .Tag, #ResearchSlider .ResearchSlide .Tag {
            position: absolute;
            right: 0;
            top: 0;
            font-family: Open Sans;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: .3em;
            color: #fff;
            text-transform: uppercase;
            padding: 5px 10px;
            width: 76px;
            transition: width ease-in-out 1s
        }

        #ResearchSlider .ResearchSlide .Tag {
            width: 115px
        }

        #NewsSlider .NewsSlide .Tag {
            background: #d5bfac
        }

        #MediaSlider .MediaSlide .Tag {
            background: #1d3443
        }

        #ResearchSlider .ResearchSlide .Tag {
            background: #4682b4;
            padding: 6px 12px
        }

        #NewsSlider .NewsSlide .GoldLink, #MediaSlider .MediaSlide .GoldLink, #ResearchSlider .ResearchSlide .GoldLink {
            display: none;
            position: absolute;
            bottom: 10%
        }

        #NewsSlider .NewsSlide:hover, #MediaSlider .MediaSlide:hover, #ResearchSlider .ResearchSlide:hover {
            cursor: pointer
        }

            #NewsSlider .NewsSlide:hover .GoldLink, #MediaSlider .MediaSlide:hover .GoldLink, #ResearchSlider .ResearchSlide:hover .GoldLink {
                display: table-cell
            }

            #NewsSlider .NewsSlide:hover .Tag, #MediaSlider .MediaSlide:hover .Tag, #ResearchSlider .ResearchSlide:hover .Tag {
                width: 100%
            }

.slick-arrow {
    height: 50px;
    width: 50px;
    box-shadow: 0 4px 10px rgba(26,34,57,.19);
    border-radius: 3px;
    z-index: 9;
    top: 275px
}

    .slick-arrow:before {
        content: ""
    }

    .slick-arrow.slick-prev {
        background: rgba(255,255,255,.8) url('../images/ArrowLeft.svg') no-repeat center center
    }

    .slick-arrow.slick-next {
        background: rgba(255,255,255,.8) url('../images/ArrowRight.svg') no-repeat center center
    }

.slick-dots li {
    margin: 0
}

    .slick-dots li:before {
        content: ""
    }

    .slick-dots li button:before {
        font-size: 40px
    }

    .slick-dots li.slick-active button:before {
        color: #1d3443 !important;
        opacity: 1 !important
    }

#NewsSliderNav, #MediaSliderNav, #ResearchSliderNav {
    position: relative;
    width: 280px;
    height: 20px
}

    #NewsSliderNav .dots, #MediaSliderNav .dots, #ResearchSliderNav .dots {
        position: relative;
        bottom: 45px !important
    }

    #NewsSliderNav .prev-arrow.slick-arrow, #MediaSliderNav .prev-arrow.slick-arrow, #ResearchSliderNav .prev-arrow.slick-arrow {
        background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
        cursor: pointer;
        position: absolute;
        left: 2px;
        bottom: 25px;
        top: auto;
        background-color: transparent;
        box-shadow: none
    }

    #NewsSliderNav .next-arrow.slick-arrow, #MediaSliderNav .next-arrow.slick-arrow, #ResearchSliderNav .next-arrow.slick-arrow {
        cursor: pointer;
        position: absolute;
        right: 2px;
        background: url(../images/CarouselRightArrow.svg) no-repeat center center;
        bottom: 25px;
        top: auto;
        background-color: transparent;
        box-shadow: none
    }

.BigSliderBlock {
    height: 600px;
    width: 100%;
    position: relative;
    transition: all ease-in-out .4s;
    border-radius: 5px;
    overflow: hidden;
    display: block
}

    .BigSliderBlock .Image {
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow: hidden;
        transition: all ease-in-out .4s
    }

        .BigSliderBlock .Image img {
            width: 100%;
            transition: all ease-in-out .4s
        }

    .BigSliderBlock .Slider {
        position: absolute;
        bottom: 0;
        top: 550px;
        width: 100%;
        background: rgba(255,255,255,.23) url('../images/FrostedGlass.png') repeat left;
        backdrop-filter: blur(80px);
        transition: all ease-in-out .4s;
        background-size: cover
    }

        .BigSliderBlock .Slider .Tag {
            width: 134px;
            background: #1d3443;
            display: inline-block;
            padding: 12px 20px;
            font-size: 16px;
            line-height: 25px;
            letter-spacing: .3em;
            color: #fff;
            text-transform: uppercase;
            transition: width ease-in-out 1s
        }

        .BigSliderBlock .Slider .Wrap {
            height: 100%;
            max-height: 0;
            overflow: hidden;
            transition: all ease-in-out .4s
        }

            .BigSliderBlock .Slider .Wrap .inner {
                padding: 20px 45px;
                position: relative
            }

                .BigSliderBlock .Slider .Wrap .inner h3 {
                    font-size: 32px;
                    line-height: 40px;
                    margin-bottom: 15px;
                    letter-spacing: -.03em;
                    font-weight: 300
                }

                .BigSliderBlock .Slider .Wrap .inner p {
                    color: #1d3443;
                    font-weight: normal;
                    line-height: 25px
                }

                .BigSliderBlock .Slider .Wrap .inner .arrowcontainer {
                    width: 100%;
                    height: 50px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0
                }

                .BigSliderBlock .Slider .Wrap .inner .readmorecontainer {
                    display: none
                }

                .BigSliderBlock .Slider .Wrap .inner .arrowcontainer .LinkArrow {
                    display: block;
                    margin: 0 auto;
                    padding-top: 15px
                }

    .BigSliderBlock:hover {
        box-shadow: 0 4.58932px 57.3665px rgba(118,124,175,.15);
        border-radius: 3px
    }

        .BigSliderBlock:hover .Image img {
            margin-top: -200px;
            transition: all ease-in-out .4s
        }

        .BigSliderBlock:hover .Slider {
            top: 20%;
            transition: all ease-in-out .4s
        }

            .BigSliderBlock:hover .Slider .Tag {
                width: 100%
            }

            .BigSliderBlock:hover .Slider .Wrap {
                max-height: 1000px;
                transition: all ease-in-out .7s
            }

    .BigSliderBlock .Slider .Wrap .inner .BlueArrowLink, .SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink {
        font-size: 16px;
        line-height: 22px;
        align-items: center;
        color: #1d3443;
        margin-bottom: 24px;
        padding-right: 40px;
        background: url(../images/icons/right-full.svg) no-repeat right center;
        width: auto;
        display: table;
        transition: all ease-in-out .4s
    }

        .BigSliderBlock .Slider .Wrap .inner .BlueArrowLink:hover, .SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink:hover {
            padding-right: 50px;
            transition: all ease-in-out .4s
        }

.SmallSliderBlock {
    height: 285px;
    width: 100%;
    position: relative;
    transition: all ease-in-out .4s;
    margin-bottom: 30px;
    overflow: hidden;
    display: block
}

    .SmallSliderBlock .Image {
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow: hidden;
        transition: all ease-in-out .4s
    }

        .SmallSliderBlock .Image img {
            width: 100%;
            transition: all ease-in-out .4s
        }

    .SmallSliderBlock .Slider {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        max-height: 50px;
        background: rgba(255,255,255,.23) url('../images/FrostedGlass.png') repeat left;
        backdrop-filter: blur(80px);
        background-size: cover;
        transition: all ease-in-out .4s
    }

        .SmallSliderBlock .Slider .Tag {
            width: 360px;
            background: #1d3443;
            display: inline-block;
            padding: 13px 20px;
            font-size: 16px;
            line-height: 25px;
            letter-spacing: .3em;
            color: #fff;
            text-transform: uppercase;
            transition: width ease-in-out 1s;
            font-weight: bold
        }

        .SmallSliderBlock .Slider .Wrap {
            height: 250px;
            overflow: hidden;
            transition: all ease-in-out .4s
        }

            .SmallSliderBlock .Slider .Wrap .inner {
                padding: 20px 45px;
                position: relative;
                height: 100%
            }

                .SmallSliderBlock .Slider .Wrap .inner h3 {
                    font-size: 28px;
                    line-height: 40px;
                    font-weight: 300
                }

                .SmallSliderBlock .Slider .Wrap .inner p {
                    color: #1d3443;
                    font-weight: normal;
                    line-height: 25px
                }

                .SmallSliderBlock .Slider .Wrap .inner a {
                    font-size: 16px;
                    line-height: 22px;
                    align-items: center;
                    color: #1d3443;
                    margin-bottom: 24px;
                    padding-right: 40px;
                    background: url('../images/icons/right-full.svg') no-repeat right center;
                    width: auto;
                    display: table;
                    transition: all ease-in-out .4s
                }

                    .SmallSliderBlock .Slider .Wrap .inner a:hover {
                        color: #1d3443;
                        padding-right: 50px;
                        transition: all ease-in-out .4s
                    }

                .SmallSliderBlock .Slider .Wrap .inner .arrowcontainer {
                    width: 100%;
                    height: 50px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0
                }

                .SmallSliderBlock .Slider .Wrap .inner .readmorecontainer {
                    display: none
                }

                .SmallSliderBlock .Slider .Wrap .inner .arrowcontainer .LinkArrow {
                    display: block;
                    margin: 0 auto;
                    padding-top: 15px
                }

    .SmallSliderBlock:hover {
        box-shadow: 0 4.58932px 57.3665px rgba(118,124,175,.15)
    }

        .SmallSliderBlock:hover .Slider {
            max-height: 1000px;
            transition: all ease-in-out .7s
        }

            .SmallSliderBlock:hover .Slider .Tag {
                width: 100%
            }

.BigBlockComponent {
    height: 600px
}

    .BigBlockComponent .ImageContainer img {
        height: 100%
    }

    .BigBlockComponent .CopyContainer {
        position: absolute;
        top: 0;
        width: 46%;
        right: 0;
        background: rgba(255,255,255,.23) url('../images/FrostedGlass.png') repeat left;
        backdrop-filter: blur(59.6308px);
        bottom: 0;
        padding: 110px 180px
    }

@-moz-document url-prefix() {
    .BigSliderBlock .Slider {
        background: rgba(255,255,255,.7) url('../images/FrostedGlass.png') repeat top left;
    }

    .SmallSliderBlock .Slider {
        background: rgba(255,255,255,.7) url('../images/FrostedGlass.png') repeat top left;
    }

    .BigSliderBlock:hover .Image img {
        margin-top: -100px;
    }
}

@media(max-width: 1420px) {
    .BigBlockComponent {
        height: 500px
    }

        .BigBlockComponent .CopyContainer {
            width: 52%;
            padding: 90px 160px
        }
}

@media(max-width: 1250px) {
    .BigBlockComponent {
        height: 400px
    }

        .BigBlockComponent .CopyContainer {
            width: 52%;
            padding: 50px 100px
        }

    .BigSliderBlock .Slider .Wrap .inner h3, .SmallSliderBlock .Slider .Wrap .inner h3 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 20px
    }

    .BigSliderBlock .Slider .Wrap .inner .BlueArrowLink, .SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink {
        margin-bottom: 20px
    }

    .BigSliderBlock .Slider .Wrap .inner, .SmallSliderBlock .Slider .Wrap .inner {
        padding: 25px 40px
    }

    .thumbnailCard {
        top: 10%;
        bottom: 13%;
        right: 65px;
        width: 45%
    }
}

@media(max-width: 1200px) {
    .BigSliderBlock .Slider .Wrap .inner h3, .SmallSliderBlock .Slider .Wrap .inner h3 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 15px
    }

    .BigSliderBlock .Slider .Wrap .inner .BlueArrowLink, .SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink {
        margin-bottom: 15px
    }

    .BigSliderBlock .Slider .Wrap .inner, .SmallSliderBlock .Slider .Wrap .inner {
        padding: 20px 30px
    }

    .ipadtextblock h2 {
        font-size: 38px
    }
}

@media(max-width: 1130px) {
    .BigSliderBlock .Slider .Wrap .inner h3, .SmallSliderBlock .Slider .Wrap .inner h3 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 10px
    }

    .BigSliderBlock .Slider .Wrap .inner .BlueArrowLink, .SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink {
        margin-bottom: 10px
    }

    .BigSliderBlock .Slider .Wrap .inner, .SmallSliderBlock .Slider .Wrap .inner {
        padding: 20px 30px
    }

    .BigBlockComponent .CopyContainer {
        width: 52%;
        padding: 30px 60px
    }
}

@media(max-width: 990px) {
    .BigBlockComponent {
        height: auto
    }

        .BigBlockComponent .ImageContainer img {
            height: auto;
            width: 100%
        }

        .BigBlockComponent .CopyContainer {
            position: relative;
            width: 100%;
            padding: 20px;
            margin-top: -50px
        }

    BigSliderBlock .Slider .Wrap .inner h3, .SmallSliderBlock .Slider .Wrap .inner h3 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 15px
    }

    .healthcareOptions {
        margin-bottom: 0
    }
}

#ReviewSliderNav {
    position: relative;
    width: 250px;
    height: 20px;
    margin: 0 auto
}

    #ReviewSliderNav .dots {
        position: relative;
        bottom: 18px !important
    }

    #ReviewSliderNav .prev-arrow.slick-arrow {
        background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
        cursor: pointer;
        position: absolute;
        left: 40px;
        bottom: -1px;
        top: auto;
        background-color: transparent;
        box-shadow: none
    }

    #ReviewSliderNav .next-arrow.slick-arrow {
        cursor: pointer;
        position: absolute;
        right: 40px;
        background: url(../images/CarouselRightArrow.svg) no-repeat center center;
        bottom: -2px;
        top: auto;
        background-color: transparent;
        box-shadow: none
    }

#ReviewSlider {
    height: 480px;
    margin: 50px 0;
    background: #fff
}

    #ReviewSlider .SlideText {
        background: url(../images/icons/quotes.svg) no-repeat 95% 15%;
        display: block;
        background-color: #fff;
        padding: 100px
    }

        #ReviewSlider .SlideText h2 {
            margin-bottom: 70px
        }

        #ReviewSlider .SlideText h6 {
            margin-bottom: 25px
        }

        #ReviewSlider .SlideText p {
            font-family: Open Sans Light;
            font-size: 24px;
            line-height: 36px
        }

#AppointmedForm.IndividualDoctors > .content > .body .btn-primary {
    border-radius: 4px !important;
    border: 1px solid
}

#AppointmedForm.IndividualDoctors.steps > ul > li > a > .circle {
    background-color: #e8e9ea !important
}

#AppointmedForm.IndividualDoctors .AppointmedFormRadioButtons input[type="radio"]:checked + label, #AppointmedForm.IndividualDoctors .AppointmedFormRadioButtons input[type="radio"]:focus + label, #AppointmedForm.IndividualDoctors .AppointmedFormRadioButtons label:hover, #AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar input[type="radio"]:checked + label, #AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar input[type="radio"]:focus + label, #AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar label:hover {
    background-color: #7f6f64 !important;
    color: #fff
}

#AppointmedForm.IndividualDoctors > .content > .body .btn-secondary {
    color: #fff !important;
    background-color: #1d3443 !important;
    border: 1.5px solid rgba(255,255,255,.25);
    border-radius: 3px !important;
    box-sizing: border-box
}

#AppointmedForm.IndividualDoctors > .content > .body .btn-primary {
    color: #1d3443 !important;
    border: 1px solid;
    background-color: #e4d7cc !important;
    border-radius: 4px !important
}

#AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
    color: #1d3443 !important;
    background-color: #e4d7cc !important;
    border-radius: 5px !important;
    margin: 0 auto;
    display: block
}

#AppointmedForm.IndividualDoctors > .content > .body .btn-primary:hover {
    color: #fff !important
}

#AppointmedForm.IndividualDoctors .steps > ul > li.current > a > .circle {
    background-color: #7f6f64 !important
}

#AppointmedForm.IndividualDoctors .steps > ul > li > a > .circle {
    background: #e8e9ea;
    box-shadow: 0 10px 20px rgba(0,0,0,.05)
}

#AppointmedForm.IndividualDoctors > .content > .body .btn-secondary:hover, #AppointmedForm.IndividualDoctors > .content > .body .btn-secondary:active, #AppointmedForm.IndividualDoctors > .content > .body .btn-secondary:focus {
    color: #1d3443 !important;
    border: 0;
    background-color: #f8f6f4 !important;
    outline: 0
}

#AppointmedForm.IndividualDoctors > .content > .body .btn-primary:hover {
    color: #1d3443 !important
}

#AppointmedForm.IndividualDoctors .steps > ul > li.current > a > .circle {
    background-color: #7f6f64 !important
}

#AppointmedForm.IndividualDoctors .steps > ul > li.done > a > .circle {
    background-color: #7f6f64 !important
}

.doctor-accordin-view {
    padding: 40px 0 !important
}

.BodyWrapper-size {
    width: 120%
}

#AppointMedSliderNav, #AppointMedSliderNav.NetcarePlusSliderNav, .CustomerFeedbackSliderNav {
    position: relative;
    width: 250px;
    height: 20px;
    margin: 0 auto
}

    #AppointMedSliderNav.NetcarePlusSliderNav {
        height: 5px
    }

.CustomerFeedbackSliderNav {
    height: 5px !important
}

    #AppointMedSliderNav .dots, #AppointMedSliderNav.NetcarePlusSliderNav .dots, .CustomerFeedbackSliderNav .dots {
        position: relative;
        bottom: 37px !important
    }

#AppointMedSliderNav.NetcarePlusSliderNav .dots, #AppointMedSliderNav.CustomerFeedbackSliderNav .dots {
    bottom: 54px !important
}

#AppointMedSliderNav .prev-arrow.slick-arrow, #AppointMedSliderNav.NetcarePlusSliderNav .prev-arrow.slick-arrow, .CustomerFeedbackSliderNav .prev-arrow.slick-arrow {
    background: url(../images/CarouselLeftBlueArrow.svg) no-repeat center center;
    cursor: pointer;
    position: absolute;
    left: 40px;
    bottom: -3px;
    top: auto;
    background-color: transparent;
    box-shadow: none
}

#AppointMedSliderNav .next-arrow.slick-arrow, #AppointMedSliderNav.NetcarePlusSliderNav .next-arrow.slick-arrow, .CustomerFeedbackSliderNav .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: 40px;
    background: url(../images/CarouselRightBlueArrow.svg) no-repeat center center;
    bottom: -3px;
    top: auto;
    background-color: transparent;
    box-shadow: none
}

#AppointMedSliderNav.NetcarePlusSliderNav .prev-arrow.slick-arrow {
    background: url(../images/CarouselLeftLightBlueArrow.svg) no-repeat center center
}

#AppointMedSliderNav.NetcarePlusSliderNav .next-arrow.slick-arrow {
    background: url(../images/CarouselRightLightBlueArrow.svg) no-repeat center center
}

.CustomerFeedbackSliderNav .prev-arrow.slick-arrow {
    background: url(../images/CarouselLeftLightBlueArrow.svg) no-repeat center center
}

.CustomerFeedbackSliderNav .next-arrow.slick-arrow {
    background: url(../images/CarouselRightLightBlueArrow.svg) no-repeat center center
}

.AppointmedMapContainer {
    margin: 100px 0
}

    .AppointmedMapContainer img {
        width: 100%
    }

    .AppointmedMapContainer .Facilities {
        display: block
    }

        .AppointmedMapContainer .Facilities p {
            display: inline-block;
            font-weight: bold;
            color: #1d3443
        }

            .AppointmedMapContainer .Facilities p::after {
                content: "|"
            }

            .AppointmedMapContainer .Facilities p:last-child::after {
                display: none
            }

.CarouselHeading {
    margin-bottom: 40px
}

.AppointmedMapContainer h2, .AppointmedMapContainer > p, .Facilities, .CarouselHeading {
    margin-left: 50px
}

.AppointmedWrapper, .NetcarePlusWrapper {
    margin-top: 2%
}

    .AppointmedWrapper h2 {
        font-family: "Open Sans";
        line-height: 54px
    }

        .AppointmedWrapper h2 strong {
            font-family: "Open Sans Bold"
        }

    .AppointmedWrapper .ValueItemInner .icon .peachblock {
        top: 50%;
        height: 25px
    }

    .AppointmedWrapper p {
        padding-right: 20%;
        margin-bottom: 60px
    }

.doctor-appoint-news-container {
    padding-top: 120px
}

.doctor-appointment-wrapper {
    display: block !important
}

#AppointmedForm {
    margin-left: -2%;
    margin-top: 15%
}

.AppointmedFormImageMobile {
    display: none
}

img.AppointmedFormImage {
    float: right;
    margin-top: 25%;
    margin-right: -55px;
    max-width: 100%
}

#AppointmedForm .HeadingPlus {
    background: url(../images/icons/CarouselBluePlus.svg) no-repeat left top;
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px
}

#AppointmedForm.IndividualDoctors .HeadingPlus {
    background: none;
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px
}

#AppointmedForm p {
    color: #fff;
    line-height: 140%;
    font-size: 16px
}

#AppointmedForm.IndividualDoctors p {
    color: #fff;
    line-height: 140%;
    font-size: 16px;
    margin-bottom: 30px
}

#AppointmedForm .SpecialistDetail p {
    padding: 5px 65px
}

#AppointmedForm .MedicalAid p {
    padding: 5px;
    margin-top: -20px
}

#AppointmedForm .PersonalDetail p {
    margin-top: -15px;
    margin-bottom: 0
}

#AppointmedForm .FinalDetail p {
    color: #fff;
    text-align: center
}

#AppointmedForm .FinalDetail .ReferenceNumber {
    font-weight: bold;
    color: #4682b4
}

#AppointmedForm.IndividualDoctors .FinalDetail .ReferenceNumber {
    font-weight: bold;
    color: #e4d7cc
}

#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between
}

#AppointmedForm .AppointmedFormRadioButtons {
    margin-top: 10px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between
}

#AppointmedForm.IndividualDoctors .AppointmedFormRadioButtons {
    margin-top: 10px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between
}

#AppointmedForm #ConsultationDropDownList {
    margin-top: 15px
}

#AppointmedForm > .content > .body .nextButton {
    float: right
}

#AppointmedForm > .content {
    background: #1d3443 !important;
    box-shadow: 0 4px 10px rgba(26,34,57,.05);
    border-radius: 0;
    width: 100% !important;
    margin: 0;
    min-height: auto !important;
    overflow: visible !important
}

    #AppointmedForm > .content > .body {
        position: relative !important;
        padding: 45px 55px !important;
        height: 840px !important;
        width: 100% !important
    }

#AppointmedForm.IndividualDoctors > .content {
    border-radius: 3px
}

    #AppointmedForm.IndividualDoctors > .content > .body {
        position: relative !important;
        padding: 45px 55px !important;
        min-height: 900px !important;
        width: 100% !important
    }

@media(max-width: 990px) {
    #AppointmedForm.IndividualDoctors > .content > .body {
        position: relative !important;
        padding: 45px 55px !important;
        min-height: 900px !important;
        height: 100% !important;
        width: 100% !important
    }
}

#AppointmedForm > .content > .expandHeight {
    height: 945px !important
}

#AppointmedForm > .content > .body > div {
    position: relative;
    height: 100%
}

#AppointmedForm > .content > .body h2 {
    font-family: 'Open Sans Light';
    font-weight: 300;
    font-size: 40px;
    line-height: 122.94%;
    color: #fff;
    letter-spacing: -.03em;
    width: 87%;
    margin-bottom: 15px;
    margin-top: 13px
}

#AppointmedForm.IndividualDoctors > .content > .body h2 {
    font-family: 'Open Sans Light';
    font-weight: 300;
    font-size: 40px;
    line-height: 122.94%;
    color: #fff;
    letter-spacing: -.03em;
    width: 87%;
    margin-bottom: 15px;
    margin-top: 13px
}

#AppointmedForm > .content > .body .FinalDetail h2 {
    width: 95%;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 36px;
    font-weight: 600
}

#AppointmedForm > .content > .body h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 15px
}

#AppointmedForm > .content > .body .form-group {
    margin-bottom: 16px;
    margin-right: auto;
    margin-left: auto
}

#AppointmedForm > .content > .body .inputWrapper {
    height: 58px;
    border: 1px solid #dfdfdf;
    display: inline-flex;
    align-items: center;
    background: #fff;
    width: 100%;
    border-radius: 3px
}

#AppointmedForm > .content > .body .select2-container {
    width: 99.6% !important
}

#AppointmedForm > .content > .body textarea {
    border: solid 1px #57656e !important;
    background-color: #f0f0f0;
    border-radius: 3px;
    width: 100%;
    padding: 12px;
    font-size: 13px !important;
    font-weight: 600;
    font-family: 'Open Sans';
    margin-bottom: 15px;
    height: 95px
}

    #AppointmedForm > .content > .body textarea::placeholder {
        color: #1d3443;
        font-size: 16px;
        font-weight: 300;
        opacity: .6
    }

#AppointmedForm > .content > .body input:-webkit-autofill, #AppointmedForm > .content > .body input:-webkit-autofill:hover, #AppointmedForm > .content > .body input:-webkit-autofill:focus, #AppointmedForm > .content > .body input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

#AppointmedForm > .content > .body .select2-container--default .select2-selection--single, #AppointmedForm > .content > .body input {
    height: 40px;
    border-radius: 5px;
    border: 0 !important;
    background-color: #fff !important;
    outline: 0;
    color: #1d3443;
    font-weight: bold;
    width: 100%;
    padding-left: 10px;
    font-size: 16px
}

#AppointmedForm > .content > .body .select2-container--default .select2-selection--single {
    padding: 10px 10px 10px 18px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/icons/LightBlueArrowDown.svg) no-repeat 95% center;
    background-color: #fff
}

#AppointmedForm.IndividualDoctors > .content > .body .select2-container--default .select2-selection--single {
    padding: 10px 10px 10px 18px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/icons/down-simple.svg) no-repeat 95% center;
    background-color: #fff
}

#AppointmedForm > .content > .body input::placeholder, #AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #1d3443;
    font-size: 16px;
    font-weight: 600;
    opacity: .6
}

#AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1d3443 !important;
    padding-left: 0;
    width: 100%;
    line-height: 20px
}

#AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none
}

#AppointmedForm .PersonalDetail .inputWrapper.has-error input {
    background: none !important
}

#AppointmedForm > .content > .body .inputWrapper.has-error {
    border: 2px solid #eb5757
}

    #AppointmedForm > .content > .body .inputWrapper.has-error input {
        background: url(../images/icons/errorX.svg)no-repeat 91% center;
        color: #eb5757;
        outline: 0
    }

#AppointmedForm.IndividualDoctors > .content > .body label.inputLabel {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff
}

#AppointmedForm > .content > .body label.inputLabel {
    color: #fff;
    line-height: 17px;
    font-size: 16px;
    font-family: 'Open Sans Bold';
    width: 100%;
    margin-bottom: 15px !important;
    letter-spacing: .15em
}

.doctor-bio-scoll-left {
    margin: 0 -80px 0 0 !important
}

.doctor-bio-scoll-all-left {
    margin: 0 0 0 -40px !important
}

.doctor-bio-scoll-right {
    margin: 0 0 0 -15px !important
}

.doctor-bio-scoll-center {
    margin: 0 4px 0 10px !important
}

.doctor-funding-heading {
    padding-bottom: 10px
}

#AppointmedForm.IndividualDoctors > .content > .body label.inputLabel {
    color: #fff;
    line-height: 17px;
    font-size: 16px;
    font-family: 'Open Sans Bold';
    width: 100%;
    margin-bottom: 15px !important;
    letter-spacing: .15em
}

#AppointmedForm > .content > .body .intl-tel-input {
    position: relative;
    display: block;
    width: 100%
}

    #AppointmedForm > .content > .body .intl-tel-input .selected-flag {
        padding: 0 !important;
        width: 46px
    }

        #AppointmedForm > .content > .body .intl-tel-input .selected-flag .iti-arrow {
            margin-right: 10px
        }

    #AppointmedForm > .content > .body .intl-tel-input.allow-dropdown input, #AppointmedForm > .content > .body .intl-tel-input.allow-dropdown input[type=text], #AppointmedForm > .content > .body .intl-tel-input input.form-control {
        width: 100% !important
    }

    #AppointmedForm > .content > .body .intl-tel-input.allow-dropdown .flag-container, #AppointmedForm .intl-tel-input.separate-dial-code .flag-container {
        top: 0;
        padding-left: 10px
    }

#AppointmedForm > .content > .body .inputWrapper.disabled {
    background-color: #f0f0f0 !important
}

    #AppointmedForm > .content > .body .inputWrapper.disabled input {
        background-color: #f0f0f0 !important;
        color: #6d7e89 !important
    }

    #AppointmedForm > .content > .body .inputWrapper.disabled > label.inputLabel {
        background-color: #f0f0f0 !important;
        color: #6d7e89 !important
    }

#AppointmedForm .AppointmedFormRadioButtons input[type="radio"], #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0 !important
}

#AppointmedForm > .content > .body label.inputLabels {
    color: #1d3443;
    line-height: 17px;
    font-size: 16px;
    font-family: 'Open Sans Bold';
    width: 65%;
    margin: 13px 5px 15px 20px !important
}

#AppointmedForm > .content > .body .intl-tel-input.allow-dropdown .flag-container {
    display: none
}

#AppointmedForm > .content > .body .Weekdays.btn-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 5px
}

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
        font-family: 'Open Sans';
        padding: 13px;
        color: #80898f;
        margin-right: 18px !important;
        width: 110px !important;
        text-align: center !important;
        border-radius: 5px !important;
        background: #fff;
        flex: auto;
        text-transform: none;
        font-weight: 600;
        font-size: 15px;
        cursor: pointer
    }

        #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox > input {
            position: absolute;
            clip: rect(0,0,0,0);
            pointer-events: none
        }

        #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox.active, #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:hover {
            color: #fff !important;
            background-color: #4682b4 !important
        }

#AppointmedForm > .content > .body .SectionButtons .form-group {
    margin-bottom: 0
}

#AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(3), #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(6), #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(6) {
    margin-right: 0 !important
}

#AppointmedForm .AppointmedFormRadioButtons label {
    min-width: 46% !important
}

.select2-container .select2-dropdown {
    margin: 0;
    margin-top: 0;
    border: solid 1px #c4c4c4 !important;
    border-top: 0 !important;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
    font-size: 16px
}

    .select2-container .select2-dropdown .select2-results__option {
        font-size: 14px
    }

#AppointmedForm .steps {
    width: 50% !important;
    margin-left: 7%;
    z-index: 0
}

    #AppointmedForm .steps > ul > li {
        width: 20px;
        margin-left: 12px;
        float: left
    }

        #AppointmedForm .steps > ul > li.current {
            width: 65px
        }

        #AppointmedForm .steps > ul > li.disabled {
            background: transparent !important
        }

    #AppointmedForm .steps .current a, #AppointmedForm .steps .current a:hover, #AppointmedForm .steps .current a:active, #AppointmedForm .steps .disabled a, #AppointmedForm .steps .disabled a:hover, #AppointmedForm .steps .disabled a:active, #AppointmedForm .steps .done a, #AppointmedForm .steps .done a:hover, #AppointmedForm .steps .done a:active {
        background: none !important
    }

    #AppointmedForm .steps > ul > li > a {
        padding: 1em 0 !important;
        position: relative;
        display: block
    }

    #AppointmedForm .steps > ul > li.done > a {
        background: none !important
    }

    #AppointmedForm .steps > ul > li > a > .circle {
        height: 15px;
        width: 15px;
        border-radius: 50%;
        display: inline-block;
        background-color: #afcce0;
        z-index: 2
    }

    #AppointmedForm .steps > ul > li.current > a > .circle {
        background-color: #4682b4;
        width: 60px;
        border-radius: 100px
    }

    #AppointmedForm .steps > ul > li.done > a > .circle {
        background-color: #4682b4
    }

    #AppointmedForm .steps > ul > li.last > a > .circle {
        display: none
    }

    #AppointmedForm .steps > ul > li:nth-child(3) > a > .line {
        display: none
    }

    #AppointmedForm .steps > ul > li > a > .stepTitle {
        display: none
    }

#AppointmedForm > .content > .body button {
    font-family: Open Sans;
    font-weight: bold;
    border-radius: 5px;
    min-width: 130px;
    margin-top: 20px;
    font-size: 16px
}

#AppointmedForm > .content > .body .btn-secondary {
    color: #4682b4 !important;
    border: 0;
    background-color: #fff !important
}

    #AppointmedForm > .content > .body .btn-secondary:hover, #AppointmedForm > .content > .body .btn-secondary:active, #AppointmedForm > .content > .body .btn-secondary:focus {
        color: #fff !important;
        border: 0;
        background-color: #4682b4 !important;
        outline: 0
    }

    #AppointmedForm > .content > .body .btn-secondary:disabled {
        color: #bec2c6 !important;
        cursor: not-allowed;
        outline: 0;
        background: #ffffff !important
    }

#AppointmedForm > .content > .body .btn-primary {
    color: #fff;
    border: 0;
    background-color: #4682b4 !important
}

    #AppointmedForm > .content > .body .btn-primary:hover, #AppointmedForm > .content > .body .btn-primary:active, #AppointmedForm > .content > .body .btn-primary:focus {
        color: #1d3443;
        border: 0;
        background-color: #fff !important;
        outline: 0
    }

    #AppointmedForm > .content > .body .btn-primary:hover {
        color: #4683b3 !important
    }

#AppointmedForm > .content > .body .input-group {
    width: 100%
}

.bootstrap-datetimepicker-widget {
    border-radius: 10px
}

#AppointmedForm .bootstrap-datetimepicker-widget {
    left: auto !important;
    right: 0 !important
}

    #AppointmedForm .bootstrap-datetimepicker-widget ul li {
        list-style: none !important
    }

#AppointmedForm > .content > .body .input-group-addon {
    position: absolute;
    z-index: 2;
    border: 0;
    border-radius: 0;
    width: 34px;
    height: 30px;
    top: 13px;
    right: 15px;
    cursor: pointer;
    background: url('../images/icons/DateSelector.svg') no-repeat;
    background-color: transparent !important
}

#AppointmedForm > .content > .body input-group-addon:focus {
    outline: 0
}

#AppointmedForm > .content > .body .disabled .input-group-addon {
    display: none !important
}

#AppointmedForm .glyphicon-chevron-left:before {
    content: "";
    background-image: url(../images/ArrowLeft.svg);
    background-size: 10px 15px;
    display: inline-block;
    width: 10px;
    height: 15px
}

#AppointmedForm .glyphicon-chevron-right:before {
    content: "";
    background-image: url(../images/ArrowRight.svg);
    background-size: 10px 15px;
    display: inline-block;
    width: 10px;
    height: 15px
}

#AppointmedForm .bootstrap-datetimepicker-widget table td.day.active, #AppointmedForm .bootstrap-datetimepicker-widget table td.active, #AppointmedForm .bootstrap-datetimepicker-widget table td.active:hover, #AppointmedForm .bootstrap-datetimepicker-widget table td.day:hover {
    background-color: #4682b4 !important;
    color: #fff !important;
    border-radius: 100% !important;
    font-weight: bold
}

#AppointmedForm .bootstrap-datetimepicker-widget table td span.active, #AppointmedForm .bootstrap-datetimepicker-widget table td span:hover {
    background-color: #fff !important;
    color: #4682b4 !important;
    border-radius: 100% !important;
    font-weight: bold
}

#AppointmedForm .bootstrap-datetimepicker-widget table td.day {
    font-family: Montserrat Thin;
    height: 35px !important;
    line-height: 30px;
    width: 30px !important;
    padding: 3px !important;
    font-size: 18px;
    font-weight: bold;
    color: #80898f;
    padding-top: 7px !important
}

#AppointmedForm .bootstrap-datetimepicker-widget table span.month, #AppointmedForm .bootstrap-datetimepicker-widget table td span.year {
    width: 60px
}

#AppointmedForm .bootstrap-datetimepicker-widget table td span.decade {
    width: 58px
}

#AppointmedForm .bootstrap-datetimepicker-widget table thead tr:first-child th {
    padding: 10px 0 20px 0 !important;
    color: #1d3443;
    font-weight: bold
}

#AppointmedForm .bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #d5bfac !important
}

#AppointmedForm .datepicker-days, #AppointmedForm .datepicker-months, #AppointmedForm .datepicker-years, #AppointmedForm .datepicker-decades {
    padding: 10px 15px
}

#AppointmedForm .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: none
}

.datepicker-months .table-condensed .prev span, .datepicker-years .table-condensed .prev span, .datepicker-decades .table-condensed .prev span {
    padding-left: 25px !important
}

.datepicker-months .table-condensed .next span, .datepicker-years .table-condensed .next span, .datepicker-decades .table-condensed .next span {
    padding-right: 25px !important
}

#AppointmedForm .AppointmedTooltip {
    position: absolute;
    z-index: 2;
    border: 0;
    border-radius: 0;
    width: 34px;
    height: 30px;
    top: 18px;
    right: 20px;
    cursor: pointer;
    background: url('../images/icons/AppointmedInfo.svg') no-repeat;
    background-color: transparent !important
}

#AppointmedForm.IndividualDoctors .AppointmedTooltip {
    position: absolute;
    z-index: 2;
    border: 0;
    border-radius: 0;
    width: 34px;
    height: 30px;
    top: 18px;
    right: 20px;
    cursor: pointer;
    background: url('../images/icons/info.svg') no-repeat;
    background-color: transparent !important
}

#AppointmedForm.IndividualDoctors .TooltipContentAppointmed {
    background: #e4d7cc !important
}

#AppointmedTooltipMobile, .AppointmedTooltipmodal-content {
    display: none
}

.tippy-box {
    background-color: #e7f0f6 !important;
    padding: 6px 10px 0 10px !important;
    text-align: center;
    height: 70px;
    max-width: 300px !important
}

.tippy-content {
    padding: 9px 0 !important
}

.tippy-box p {
    color: #4682b4 !important;
    font-size: 12px;
    line-height: 110%;
    padding: 0 40px
}

.tippy-arrow {
    color: #e7f0f6 !important
}

#tippys-1 .tippy-box, #tippys-2 .tippy-box {
    background-color: #f8f6f4 !important
}

    #tippys-1 .tippy-box p, #tippys-2 .tippy-box p {
        color: #1d3443 !important
    }

[data-tippy-root] {
    bottom: auto !important;
    margin-top: -85px !important
}

#AppointmedForm .please-note {
    font-family: 'Open Sans';
    display: block;
    height: auto;
    border: 2px solid #4682b4;
    border-radius: 5px;
    padding: 15px 50px 15px 60px;
    position: relative;
    background-color: #afcce0;
    background-image: url('../images/icons/AppointmedTooltip.svg');
    background-repeat: no-repeat;
    background-position: 16px 11px;
    color: #4682b4 !important;
    font-size: 16px;
    min-height: 44px;
    width: 100%;
    margin-bottom: 5px;
    margin-top: -1px;
    backdrop-filter: blur(5px)
}

#AppointmedForm .please-note-title {
    font-family: 'Open Sans Bold';
    color: #1d3443;
    display: block;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: .15em;
    line-height: 22px;
    margin-bottom: 10px
}

#AppointmedForm .please-note span {
    font-weight: normal
}

#AppointmedForm .please-note.please-note-discipline {
    background-position: 11px 9px
}

#AppointmedForm .please-note.incomplete-profile-notice {
    margin-top: 22px
}

::-ms-input-placeholder {
    font-size: 14px !important
}

#AppointmedForm .VoucherBlock {
    font-family: 'Open Sans';
    border: 2px solid #4682b4;
    border-radius: 5px;
    padding: 15px 30px 15px 20px;
    position: relative;
    background-color: #afcce0;
    color: #4682b4 !important;
    font-size: 14px;
    width: 83%;
    margin: auto
}

#AppointmedForm.IndividualDoctors .VoucherBlock {
    font-family: 'Open Sans';
    border: 2px solid #1d3443;
    border-radius: 5px;
    padding: 15px 30px 15px 20px;
    position: relative;
    background-color: #f8f6f4 !important;
    color: #1d3443 !important;
    font-size: 14px;
    width: 83%;
    margin: auto
}

#AppointmedForm .FinalDetail p:nth-child(3) {
    margin-left: 90px;
    margin-right: 90px
}

#AppointmedForm .FinalDetail p:nth-child(2) {
    margin-left: 50px;
    margin-right: 50px
}

#AppointmedForm .FinalDetail .SuccessPage {
    margin: 50px;
    text-align: center
}

#AppointmedForm .FinalDetail {
    margin-top: 50px
}

#AppointmedForm .NetCarePlus a {
    background: url(/Portals/_default/skins/netcare-core/images/icons/ArrowSmallRight.svg) no-repeat 98% !important;
    color: #fff;
    padding-right: 30px;
    font-size: 16px
}

#AppointmedForm.IndividualDoctors .NetCarePlus a {
    background: url('../images/icons/right-full-white.svg') no-repeat 98% !important;
    color: #fff;
    padding-right: 40px;
    font-size: 16px
}

#AppointmedForm #hasVoucherRadioButtons {
    margin-top: 15px
}

#AppointmedForm.IndividualDoctors #hasVoucherRadioButtons {
    margin-top: 0
}

#AppointmedForm .NetCarePlus a:active, #AppointmedForm .NetCarePlus a:hover {
    color: #4682b4 !important;
    background: url(/Portals/_default/Skins/Netcare-Core/images/icons/LightBlueArrowRight.svg) no-repeat 98% !important
}

#AppointmedForm.IndividualDoctors .NetCarePlus a:active, #AppointmedForm.IndividualDoctors .NetCarePlus a:hover {
    color: #e4d7cc !important;
    background: url(../images/icons/right-full_light_gold.svg) no-repeat 98% !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1d3443 !important
}

#AppointmedForm section .SectionButtons {
    position: absolute;
    bottom: -15px;
    width: 100%
}

.image-form-block {
    display: flex;
    flex-direction: row
}

    .image-form-block .AppointmedForm {
        width: 59%
    }

    .image-form-block .AppointmedImage {
        width: 41%
    }

        .image-form-block .AppointmedImage .IndividualDoctors-img {
            float: none;
            margin-top: 0;
            margin-right: 0;
            height: 840px;
            object-fit: cover;
            object-position: 81%
        }

        .image-form-block .AppointmedImage img.AppointmedFormImage {
            margin-right: 0;
            margin-top: 25%
        }

#AppointmedForm.IndividualDoctors section .SectionButtons {
    bottom: 70px
}

#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
    border-radius: 5px !important;
    min-width: 30% !important;
    margin-right: 15px !important
}

    #AppointmedForm .AppointmedFormRadioButtons input[type="radio"]:checked + label, #AppointmedForm .AppointmedFormRadioButtons input[type="radio"]:focus + label, #AppointmedForm .AppointmedFormRadioButtons label:hover, #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar input[type="radio"]:checked + label, #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar input[type="radio"]:focus + label, #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:hover {
        background-color: #4682b4;
        color: #fff
    }

#AppointmedForm .AppointmedFormRadioButtons label, #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
    font-family: 'Open Sans';
    font-size: 16px;
    color: #80898f;
    line-height: 22px;
    border-radius: 3px;
    box-shadow: 0 4px 10px rgba(26,34,57,.08);
    background-color: #fff;
    font-style: normal;
    font-weight: 600;
    min-width: 175px;
    text-align: center;
    padding: 14px;
    cursor: pointer;
    height: 50px
}

#AppointmedForm .validationMessage {
    font-family: 'Open Sans';
    display: block;
    height: auto;
    border: 2px solid #e00634;
    border-radius: 5px;
    padding: 20px 20px 20px 65px;
    position: relative;
    background-color: #fff;
    background-image: url(../images/icons/AppointmedError.svg);
    background-repeat: no-repeat;
    background-position: 16px 15px;
    color: #e00634 !important;
    font-size: 16px;
    min-height: 50px;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 15px
}

div#invisibleAnchor {
    position: absolute;
    top: -100px
}

#AppointmedForm > .content .loading-box {
    position: absolute;
    background: rgba(255,255,255,.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 10;
    width: 100%;
    height: 100%;
    z-index: 99
}

    #AppointmedForm > .content .loading-box .loading {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        border: .25rem solid rgba(255,255,255,.2);
        border-top-color: #002663;
        -webkit-animation: spin 1s infinite linear;
        animation: spin 1s infinite linear;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -25px 0 0 -25px
    }

h2#swal2-title {
    color: #1d3443;
    font-size: 28px !important;
    font-family: 'Open Sans Light' !important;
    font-weight: normal
}

div#swal2-content {
    font-size: 16px !important;
    font-family: 'Open Sans';
    color: #57656e
}

.swal2-popup.swal2-modal.swal2-show {
    padding: 40px !important
}

button.swal2-confirm.btn.btn-primary.swal2-styled, button.swal2-confirm.swal2-styled {
    padding: 12px 20px;
    font-size: 14px
}

button.swal2-confirm.btn.btn-primary.appointmed-swal-btn.swal2-styled {
    border-radius: 4px;
    box-shadow: 1px 2px 6px 0 rgba(0,0,0,.3) !important;
    background-color: #1d3443 !important;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Open Sans' !important;
    line-height: 15px;
    padding: 12px 20px;
    min-width: 110px;
    text-align: center;
    border: 1px solid #1d3443 !important;
    color: #fff !important
}

.swal2-container.swal2-center.swal2-fade.swal2-shown {
    z-index: 100003 !important
}

.swal2-popup .swal2-image {
    width: 80px
}

.Logos {
    height: 120px;
    padding-bottom: 40px
}

    .Logos .LogoItem {
        display: inline-block;
        width: 20%;
        margin-right: -4px;
        height: 100%;
        vertical-align: top
    }

        .Logos .LogoItem img {
            max-height: 100%;
            max-width: 150px;
            margin: 0 auto;
            display: block
        }

    .Logos .wrapping {
        display: inline
    }

#Hospital, #Specialist, #Doctor, #Dentist, #Clinic, #Vacancies {
    padding: 20px 0 30px
}

.FilterWrapper {
    padding: 10px 0 20px;
    overflow: auto
}

.MedicalConditionsWrapper {
    overflow: visible
}

.FindMedicalContent {
    padding: 10px 0 20px;
    overflow: auto;
    margin-left: 15px
}

.ClearButton {
    position: absolute;
    right: 0;
    top: 25px;
    background: transparent;
    border: 0 none;
    padding: 14px
}

.FilterWrapper > .TownContainer, .FilterWrapper > .ProvinceContainer, .FilterWrapper > .ClinicsNameContainer, .FilterWrapper > .DoctorsNameContainer {
    width: 33%;
    float: left;
    padding: 10px;
    position: relative
}

#Doctor .FilterWrapper > .ProvinceContainer, #Doctor .FilterWrapper > .TownContainer, #Doctor .FilterWrapper > .DoctorsNameContainer, #Doctor .FilterWrapper > .HospitalContainer, #Dentist .FilterWrapper > .ProvinceContainer, #Dentist .FilterWrapper > .TownContainer, #Dentist .FilterWrapper > .DoctorsNameContainer, #Dentist .FilterWrapper > .HospitalContainer {
    width: 25%;
    float: left;
    padding: 10px;
    position: relative
}

.FilterWrapper > .ProvinceContainer {
    padding-left: 0 !important
}

.FilterWrapper label {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #80898f;
    margin: 5px;
    text-transform: uppercase;
    letter-spacing: .15em
}

.FilterWrapper select, .FilterWrapper input {
    font-size: 16px !important;
    color: #666 !important;
    background-color: #fff !important;
    box-shadow: 0 4px 10px rgba(26,34,57,.08);
    border-radius: 3px;
    border: 0 none;
    padding: 13px !important;
    height: auto !important;
    transition: all .4s ease;
    width: 100% !important;
    height: 48px !important
}

    .FilterWrapper select:focus, .FilterWrapper input:focus {
        outline: 0 !important
    }

#SearchHospital, #SearchSpecialist, #SearchDoctor, #SearchDentist, #SearchClinic, #SearchVacancies {
    display: inline-block;
    background: #1d3443;
    box-shadow: 0 0 20px rgba(37,40,73,.2);
    border-radius: 5px;
    border: 0 none;
    padding: 10px 100px;
    margin-top: 5px;
    font-size: 18px;
    color: #fff !important;
    float: left;
    transition: all .4s ease
}

    #SearchHospital:hover, #SearchSpecialist:hover, #SearchDoctor:hover, #SearchDentist:hover, #SearchClinic:hover, #SearchVacancies:hover {
        background: #495b67 !important;
        transition: all .4s ease
    }

#specialist #searcherror {
    margin-left: 0
}

#specialist .ConsultationError {
    margin-top: -20px
}

#searcherror {
    color: #e7393f;
    margin-left: 10px
}

    #searcherror.error {
        display: inline-block !important
    }

#Hospital #SearchHospital:disabled, #Hospital #SearchHospital[disabled], #Specialist #SearchSpecialist:disabled, #Specialist #SearchSpecialist[disabled], #Clinic #SearchClinic:disabled, #Clinic #SearchClinic[disabled], #Doctor #SearchDoctor:disabled, #Doctor #SearchDoctor[disabled], #Dentist #SearchDentist:disabled, #Dentist #SearchDentist[disabled] {
    background: #aeaeae !important;
    color: #fff !important
}

#Specialist #SearchSpecialist:disabled, #Specialist #SearchSpecialist[disabled], #SearchSpecialist.SearchSpecialistPlus:disabled {
    color: #aeaeae !important;
    background: #e8e9ea !important;
    box-shadow: none !important
}

#Hospital .FilterWrapper input[type="text"]:disabled, #Specialist .FilterWrapper select[disabled], #Specialist .FilterWrapper input[type="text"]:disabled, #Clinic .FilterWrapper input[type="text"]:disabled, #Doctor .FilterWrapper input[type="text"]:disabled {
    background: #f9fafb !important;
    color: #aeaeae !important;
    cursor: default;
    border: 2px solid #f9fafb !important
}

#Specialist .FilterWrapperPlus select[disabled], #Specialist .FilterWrapperPlus input[type="text"]:disabled {
    background: #e8e9ea !important;
    border: 0 !important
}

    #Specialist .FilterWrapperPlus input[type="text"]:disabled::placeholder {
        color: #aeaeae !important
    }

#Specialist .FilterWrapperPlus select[disabled] {
    background: url('../images/icons/GrayArrowDown.svg') no-repeat 96% #e8e9ea !important;
    opacity: 1
}

#Specialist .FilterWrapperPlus select {
    background: url('../images/icons/NetcarePlusArrow.svg') no-repeat 96% !important
}

#Hospital .HospitalWrapper, #Specialist .SpecialistsWrapper, #Doctor .DoctorWrapper, #Dentist .DentistWrapper, #Clinic .ClinicWrapper, #Vacancies .VacanciesWrapper {
    display: table;
    width: 100%;
    padding: 30px 0 20px
}

    #Hospital .HospitalWrapper .HospitalRow, #Specialist .SpecialistsWrapper .SpecialistRow, #Doctor .DoctorWrapper .DoctorRow, #Dentist .DentistWrapper .DentistRow, #Clinic .ClinicWrapper .ClinicRow, #Vacancies .VacanciesWrapper .HospitalRow {
        display: table-row
    }

        #Hospital .HospitalWrapper .HospitalRow > div, #Specialist .SpecialistsWrapper .SpecialistRow > div, #Doctor .DoctorWrapper .DoctorRow > div, #Dentist .DentistWrapper .DentistRow > div, #Clinic .ClinicWrapper .ClinicRow > div, #Vacancies .VacanciesWrapper .HospitalRow > div {
            display: table-cell;
            padding: 15px 5px;
            vertical-align: top;
            border-top: 1px solid #dfdfdf !important;
            font-size: 14px
        }

        #Hospital .HospitalWrapper .HospitalRow:first-child > div, #Specialist .SpecialistsWrapper .SpecialistRow:first-child > div, #Doctor .DoctorsWrapper .DoctorRow:first-child > div, #Dentist .DentistWrapper .DentistRow:first-child > div, #Clinic .ClinicWrapper .ClinicRow:first-child > div, #Vacancies .VacanciesWrapper .HospitalRow:first-child > div {
            font-weight: bold;
            font-family: Open Sans;
            font-style: normal;
            font-weight: bold;
            font-size: 16px;
            line-height: 22px;
            align-items: center;
            letter-spacing: .15em;
            text-transform: uppercase;
            color: #80898f;
            border: 0 none !important
        }

        #Hospital .HospitalWrapper .HospitalRow > div.Name a, #Specialist .SpecialistsWrapper .SpecialistRow > div.Name a, #Doctor .DoctorWrapper .DoctorRow > div.Name a, #Dentist .DentistWrapper .DentistRow > div.Name a, #Clinic .ClinicWrapper .ClinicRow > div.Name a, #Vacancies .VacanciesWrapper .HospitalRow > div.Name a {
            font-size: 14px;
            line-height: 19px;
            font-weight: bold;
            color: #1d3443;
            padding-right: 30px
        }

        #Hospital .HospitalWrapper .HospitalRow > div.Address, #Specialist .SpecialistsWrapper .SpecialistRow > div.Address, #Doctor .DoctorWrapper .DoctorRow > div.Address, #Dentist .DentistWrapper .DentistRow > div.Address, #Clinic .ClinicWrapper .ClinicRow > div.Address, #Vacancies .VacanciesWrapper .HospitalRow > div.Address {
            font-size: 14px;
            line-height: 18px;
            color: #d5bfac
        }

            #Hospital .HospitalWrapper .HospitalRow > div.Address a, #Specialist .SpecialistsWrapper .SpecialistRow > div.Address a, #Doctor .DoctorWrapper .DoctorRow > div.Address a, #Dentist .DentistWrapper .DentistRow > div.Address a, #Clinic .ClinicWrapper .ClinicRow > div.Address a, #Vacancies .VacanciesWrapper .HospitalRow > div.Address a {
                font-size: 14px;
                line-height: 18px;
                color: #57656e
            }

#Latitude, #Longitude {
    display: inline-block
}

#Hospital .prevousButton, #Specialist .prevousButton, #Doctor .prevousButton, #Dentist .prevousButton, #Clinic .prevousButton, #Vacancies .prevousButton {
    background: url('../images/ArrowLeft.svg') no-repeat right center;
    background-size: contain;
    height: 15px;
    width: 20px;
    font-size: 0;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    vertical-align: top;
    border: 0 none;
    margin-left: -10px
}

#Hospital .nextButton, #Specialist .nextButton, #Doctor .nextButton, #Dentist .nextButton, #Clinic .nextButton, #Vacancies .nextButton {
    background: url('../images/ArrowRight.svg') no-repeat right center;
    background-size: contain;
    height: 15px;
    width: 20px;
    font-size: 0;
    display: inline-block;
    padding: 0;
    margin-left: 0;
    vertical-align: top;
    border: 0 none
}

#Hospital .pagination, #Specialist .pagination, #Doctor .pagination, #Dentist .pagination, #Clinic .pagination, #Vacancies .pagination {
    display: inline-block;
    vertical-align: top;
    line-height: 15px
}

@-moz-document url-prefix() {
    #SearchHospital, #SearchSpecialist, #SearchDoctor, #SearchDentist, #SearchClinic, #SearchVacancies {
        margin-bottom: 50px;
    }
}

.listing-columns li {
    list-style: none !important;
    display: inline-block;
    padding-bottom: 45px
}

    .listing-columns li > :nth-child(2) {
        display: none !important
    }

.listing-columns span {
    display: inline-block !important;
    width: 100%
}

.listing-columns > ul > li {
    list-style: none
}

.ui-autocomplete {
    background: #edf1f5;
    max-width: 365px !important;
    max-height: 300px !important;
    overflow: auto;
    list-style-type: none
}

    .ui-autocomplete li {
        padding: 5px
    }

        .ui-autocomplete li.ui-state-focus {
            cursor: pointer;
            color: #002663
        }

.space-above-footer {
    padding-top: 100px
}

footer {
    background: #1d3443;
    position: relative;
    min-height: 552.57px
}

    footer a > span.TM {
        font-size: 8px;
        vertical-align: top;
        line-height: 5px
    }

    footer div > span.TM {
        font-size: 8px;
        vertical-align: top;
        margin-top: -10px;
        margin-left: 5px
    }

    footer .footertop {
        display: flex;
        flex-direction: row;
        padding-top: 60px;
        margin-left: 60px;
        margin-right: 20px;
        justify-content: space-between
    }

        footer .footertop .addressblock {
            display: flex;
            flex-direction: column;
            margin-right: 62px;
            flex-shrink: 0
        }

            footer .footertop .addressblock .phone {
                font-family: Open Sans;
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                line-height: 140%;
                display: flex;
                align-items: center;
                color: #bee2f0;
                margin-top: 20px
            }

                footer .footertop .addressblock .phone:hover {
                   
                    text-decoration-line: underline;
                    cursor: pointer
                }

            footer .footertop .addressblock .street {
                font-family: Open Sans;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 143%;
                letter-spacing: -.42px;
              
                margin-top: 20px
            }

            footer .footertop .addressblock .pobox {
                font-family: Open Sans;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 143%;
                letter-spacing: -.42px;
              
                margin-top: 20px;
                margin-bottom: 20px
            }

            footer .footertop .addressblock .contactus a {
                font-family: Open Sans;
                font-style: normal;
                font-weight: 600;
                font-size: 14px;
                line-height: 143%;
                letter-spacing: -.03em;
                color: #bee2f0;
                background: url(../images/icons/right-full_light_blue.svg) no-repeat right;
                padding-right: 40px;
                margin-right: 30px
            }

                footer .footertop .addressblock .contactus a:hover {
                    color: #fff;
                    background: url(../images/icons/right-long-white.svg) no-repeat right
                }

        footer .footertop .Image img {
            width: 102px;
            margin-bottom: 13.8px
        }

        footer .footertop .linksblock {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between
        }

        footer .footertop .linksblock-mobile {
            display: none
        }

        footer .footertop .linksblock .link-group {
            width: 215.5px;
            margin-right: 40px;
            margin-bottom: 20px
        }

        footer .footertop .linksblock .FooterHeading {
            font-family: Open Sans;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 140%;
            display: flex;
            align-items: center;
            color: #fff;
            margin-bottom: 20px
        }

        footer .footertop .linksblock .FooterLink {
            margin-bottom: 10px
        }

            footer .footertop .linksblock .FooterLink a {
                font-family: 'Open Sans Light';
                font-style: normal;
                font-weight: normal;
                font-size: 14px;
                line-height: 130%;
                color: #bec2c6
            }

                footer .footertop .linksblock .FooterLink a:hover {
                    color: #bee2f0;
                    font-family: 'Open Sans'
                }

    footer .footermiddle {
        justify-content: space-between;
        margin: 32px 60px 30px 60px
    }

        footer .footermiddle .legal-links {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: center
        }

            footer .footermiddle .legal-links.linkslist1 {
                margin-bottom: 16px
            }

                footer .footermiddle .legal-links.linkslist1 a:hover {
                    color: #fff
                }

            footer .footermiddle .legal-links.linkslist2 a:hover {
                color: #bee2f0
            }

            footer .footermiddle .legal-links.linkslist1 a, footer .footermiddle .legal-links.linkslist1 span {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 600 !important;
                font-size: 14px;
                line-height: 143%;
                letter-spacing: -.42px;
                color: #bee2f0;
                cursor: pointer
            }

            footer .footermiddle .legal-links.linkslist1 .legalLink {
                border-right: 1px solid #bee2f0;
                padding-right: 30px;
                padding-left: 30px
            }

                footer .footermiddle .legal-links.linkslist1 .legalLink:first-child {
                    padding-left: 0
                }

                footer .footermiddle .legal-links.linkslist1 .legalLink:last-child {
                    border-right: 0
                }

            footer .footermiddle .legal-links.linkslist2 a, footer .footermiddle .legal-links.linkslist2 span {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: normal;
                font-size: 12px;
                line-height: 130%;
                text-align: right;
                color: #fff
            }

            footer .footermiddle .legal-links.linkslist2 .legalLink {
                border-right: 1px solid #fff;
                padding-right: 15px;
                padding-left: 15px
            }

                footer .footermiddle .legal-links.linkslist2 .legalLink:first-child {
                    padding-left: 0
                }

                footer .footermiddle .legal-links.linkslist2 .legalLink:last-child {
                    border-right: 0
                }

    footer .dividerLine {
        border-top: 1px solid #61717b;
        margin: 10px 60px
    }

    footer .footerbottom {
        margin: 32px 60px 60px 60px;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

        footer .footerbottom .social-media {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            align-items: flex-end
        }

            footer .footerbottom .social-media a {
                margin-right: 20px
            }

        footer .footerbottom .mobile-apps img {
            margin-right: 10px
        }

    footer .netcare-ribbon-bottom {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        height: 80.5px;
        padding-left: 60px;
        padding-right: 60px;
        background: #fff;
        width: 100%;
        align-items: center
    }

        footer .netcare-ribbon-bottom .text-img {
            height: 21px;
            width: 313px
        }

        footer .netcare-ribbon-bottom .logo-img {
            width: 163.5px
        }

    footer .netcareplus-ribbon-bottom {
        background: #152734;
        height: 42px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0 60px
    }

        footer .netcareplus-ribbon-bottom .text-right {
            font-family: 'Open Sans';
            color: #e8e9ea;
            font-size: 12px;
            line-height: 16px;
            background: url(../images/icons/NetcarePlusIcon.svg) no-repeat left;
            padding-left: 20px
        }

.loginGroup {
    position: absolute;
    right: 3px;
    bottom: 3px
}

    .loginGroup .LoginLink {
        background: url('../images/padlock-lock-svgrepo-com.svg') no-repeat center center;
        background-size: contain;
        height: 30px;
        width: 30px;
        font-size: 0;
        display: block
    }

.SpecialistDescription {
    background: #f7f7f7 !important;
    position: relative
}

.SpecialistWrapperPlus .SpecialistDescription {
    background: #fff !important
}

.CovidBanner, .NetcarePlusBanner {
    display: block;
    position: relative
}

    .CovidBanner img, .NetcarePlusBanner img {
        width: 100%;
        display: block;
        z-index: -1
    }

    .CovidBanner .DesktopImage {
        display: block
    }

    .CovidBanner .MobileImage {
        display: none
    }

    .CovidBanner .BannerText {
        position: absolute;
        right: 12%;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 530px;
        height: 605px;
        background: #fff;
        box-shadow: 0 4px 60px rgba(26,34,57,.1);
        padding: 35px 40px 25px 60px
    }

        .CovidBanner .BannerText.MorePadding {
            padding: 80px 60px
        }

        .CovidBanner .BannerText h2 {
            font-size: 45px;
            line-height: 111%;
            width: 100%;
            margin-bottom: 15px
        }

        .CovidBanner .BannerText h5 {
            font-family: "Open Sans Bold";
            font-size: 16px;
            line-height: 25px;
            color: #1d3443;
            letter-spacing: .15em;
            margin-bottom: 5px
        }

        .CovidBanner .BannerText .BannerSubHeading {
            font-family: "Open Sans Semi-Bold";
            color: #cdad7f;
            font-weight: bold;
            font-size: 20px;
            line-height: 130%;
            width: 90%
        }

        .CovidBanner .BannerText h3 {
            font-family: 'Open Sans Bold';
            font-size: 45px;
            line-height: 111%;
            letter-spacing: -.03em;
            width: 90%;
            margin-top: 0;
            margin-bottom: 35px
        }

        .CovidBanner .BannerText .QuoteText {
            font-family: 'Open Sans Bold';
            color: #80898f;
            font-size: 25px;
            line-height: 136%
        }

        .CovidBanner .BannerText p {
            font-size: 14px;
            line-height: 130%;
            font-family: "Open Sans"
        }

        .CovidBanner .BannerText .lightgrey {
            color: #80898f
        }

        .CovidBanner .BannerText li {
            font-size: 14px
        }

        .CovidBanner .BannerText p a {
            color: #57656e
        }

            .CovidBanner .BannerText p a:hover {
                color: #cdad7f
            }

        .CovidBanner .BannerText .btn-primary {
            font-size: 16px;
            line-height: 20px;
            background: #1d3443 !important;
            letter-spacing: -.03em;
            padding: 18px 38px;
            border-radius: 3px;
            box-shadow: none
        }

            .CovidBanner .BannerText .btn-primary:hover {
                background: #d5bfac !important;
                color: #fff !important;
                box-shadow: none
            }

        .CovidBanner .BannerText .TealButton {
            background: #66b6c4 !important
        }

            .CovidBanner .BannerText .TealButton:hover {
                background: #1d3443 !important
            }

        .CovidBanner .BannerText .BtnWrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px
        }

            .CovidBanner .BannerText .BtnWrapper p {
                margin-bottom: 0
            }

            .CovidBanner .BannerText .BtnWrapper a {
                padding: 15px 30px !important
            }

.tealText {
    color: #4682b4 !important
}

.blueText {
    color: #1d3443 !important
}

a.blueText:hover {
    color: #cdad7f !important
}

.CovidBlockWrapper {
    margin-top: -300px;
    background: #fff;
    padding: 50px 65px;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    display: block;
    margin-right: 90px
}

.whatsappWrapper {
    margin: 80px 0
}

    .whatsappWrapper h4 {
        letter-spacing: normal
    }

.CovidBlockWrapper .SmallHeading {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-top: 30px
}

.CovidBlockWrapper h2 {
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px;
    width: 80%
}

.CovidBlockWrapper .CovidStats, .CovidPage.StatsBlock .CovidStats {
    margin-bottom: 15px;
    display: block
}

    .CovidPage.StatsBlock .CovidStats .StatBlock {
        display: inline-block;
        padding-left: 45px
    }

        .CovidPage.StatsBlock .CovidStats .StatBlock:first-child {
            padding-left: 0
        }

        .CovidPage.StatsBlock .CovidStats .StatBlock .heading {
            font-family: "Open Sans Light";
            line-height: 24px;
            font-size: 16px
        }

        .CovidPage.StatsBlock .CovidStats .StatBlock .number {
            font-family: "Montserrat Thin";
            font-size: 35px;
            line-height: 50px;
            margin-top: 5px
        }

.CovidPage.StatsBlock .WebsiteWrapper .StatsLogo {
    width: 39%;
    display: inline-block
}

.CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink {
    width: 60%;
    display: inline-block;
    padding-left: 30px;
    background-color: #fff;
    vertical-align: sub;
    color: #80898f
}

.CovidPage.StatsBlock .WebsiteWrapper .StatsLogo img {
    margin-top: 10px;
    max-width: 100%
}

.CovidVideoHeading {
    margin-bottom: 50px
}

    .CovidVideoHeading p {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 18px;
        text-align: center
    }

    .CovidVideoHeading a {
        margin: 0 auto
    }

.CovidSlider, .CovidContentWrapper {
    margin: 100px 0 !important
}

.CovidContent li {
    padding-bottom: 18px
}

.CarouselHeader {
    display: table;
    margin: 0 auto;
    padding-bottom: 10px
}

.CarouselTextWrapper, .ModuleTextWrapper {
    margin-bottom: 30px
}

.ModuleTextWrapper {
    margin-top: 60px
}

    .CarouselTextWrapper p, .ModuleTextWrapper p {
        font-size: 18px;
        line-height: 23px;
        text-align: center
    }

.NetcareBigSlider {
    margin-bottom: 6% !important
}

.NetcarePlusWrapper h2 {
    font-family: "Open Sans light";
    line-height: 120%
}

    .NetcarePlusWrapper h2 strong {
        font-family: "Open Sans Bold"
    }

.NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
    height: 120px
}

.NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
    font-weight: normal;
    padding: 0 5px
}

.NetcarePlusWrapper .IconWrapper .ValueItemInner .icon .peachblock {
    top: 20%;
    height: 20px;
    background: #66b6c4;
    width: 65px;
    margin: auto
}

.NetcarePlusWrapper p {
    padding-right: 25%;
    line-height: 130%;
    margin: 20px 0 60px 0
}

.NetcarePlusBanner .BannerText {
    position: absolute;
    right: 10%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 35%;
    height: 70%
}

    .NetcarePlusBanner .BannerText .BannerPlus {
        color: #1d3443;
        font-size: 70px;
        letter-spacing: -.03em;
        font-family: open sans light;
        line-height: 110%
    }

        .NetcarePlusBanner .BannerText .BannerPlus strong {
            font-family: open sans
        }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        width: 90%;
        position: absolute;
        top: 80%;
        font-size: 30px;
        line-height: 120%;
        letter-spacing: -.03em;
        color: #1d3443
    }

.visible-mobile {
    display: none !important
}

.TermAndConditions .ContentUnderPlus {
    margin-left: 0
}

.FindSpecialistWrapper {
    padding: 10px;
    display: flex
}

.GPOption, .MedOption, .VirtualOption {
    width: 22%;
    padding: 0;
    display: inline-block
}

.ConsultationOptions {
    display: block;
    margin-bottom: 20px !important
}

.FAQHeader {
    margin-top: 6%
}

.FAQWrapper {
    margin-top: 40px
}

.GpVoucherText p {
    color: #80898f
}

.FAQ-Section .panel-title a, .FAQ-Section .panel-title a:hover {
    font-size: 15px;
    color: #1d3443
}

.FAQ-Section .panel-group .panel-default > .panel-heading {
    background-color: #f7f7f7;
    width: 101%
}

.FAQ-Section .panel-group .panel-body {
    border-radius: 4px;
    margin-left: 3px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0
}

.FAQ-Section .panel-body p {
    color: #80898f
}

.detailedFAQs, .downloadTermsConditions {
    color: #1d3443 !important;
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 600;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    padding-right: 20px
}

.FAQ-Section .panel-group .panel-collapse {
    background: none !important;
    padding: 0 !important;
    margin-top: 15px !important
}

.FAQ-Section .panel-heading .collapsable.collapsed {
    background: url(../images/icons/BlueArrowDown.svg) no-repeat 98% center !important;
    color: #1d3443 !important;
    border-bottom: 2px solid #e8e9ea
}

.FAQ-Section .panel-heading .collapsable {
    padding: 30px 45px 15px 0 !important;
    background: url(../images/icons/BlueArrowUp.svg) no-repeat 98% center !important;
    color: #1d3443 !important;
    letter-spacing: normal !important;
    border-bottom: 2px solid #e4d7cc;
    font-weight: normal !important;
    margin-bottom: 10px !important;
    font-size: 20px !important;
    line-height: 26px !important
}

.FAQ-Section .panel-group {
    background: none
}

#BigSlider.NetcarePlusSlider .BigSlide .Image .LogoImg {
    background: #66b6c4
}

#BigSlider.NetcarePlusSlider .BigSlide .Image .DesktopImage {
    height: 100%
}

.TermAndConditions p, .TermAndConditions .termsList li {
    color: #80898f;
    font-family: Open Sans !important
}

.TermAndConditions p {
    margin-bottom: 25px
}

.TermAndConditions {
    padding-bottom: 15px;
    margin-top: 40px
}

    .TermAndConditions .termsList {
        line-height: 25px
    }

    .TermAndConditions h2 {
        margin-bottom: 30px !important
    }

.NetcarePlusBanner {
    display: none
}

.GpVoucherText h2 strong {
    font-family: "Open Sans Bold"
}

.ModuleTextWrapper h2 strong {
    font-family: "Open Sans Bold"
}

.SearchSpecialistPlus {
    padding: 12px 35px !important
}

.FilterWrapperPlus {
    margin-top: 25px
}

.SpecialistPlusWrapper select, .SpecialistPlusWrapper .TownContainer input {
    font-size: 16px !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(26,34,57,.08);
    border-radius: 3px;
    border: 0 none;
    padding: 13px 13px 13px 30px !important;
    height: auto !important;
    transition: all .4s ease;
    width: 100% !important;
    height: 48px !important
}

.SpecialistPlusWrapper .TownContainer {
    width: 96%;
    float: left;
    position: relative
}

.SpecialistPlusWrapper .ConsultationOptions label {
    cursor: pointer;
    color: #979da6;
    padding: 11px;
    font-size: 14px !important;
    background: #fff;
    box-shadow: 0 5px 10px rgba(26,34,57,.08);
    border-radius: 3px;
    text-transform: inherit;
    min-width: 280px !important;
    text-align: center
}

.SpecialistPlusWrapper label {
    margin-bottom: 20px !important;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 22px !important;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f
}

.SpecialistPlusWrapper input[type="radio"]:checked + label, .Checked + label {
    color: #66b6c4
}

.SpecialistPlusWrapper input[type="radio"] {
    width: auto !important;
    height: auto !important
}

.SpecialistPlusWrapper input[type="radio"] {
    margin-top: 0;
    margin-right: 8px
}

.SpecialistPlusWrapper table {
    border-left: 0 !important;
    padding-left: 0 !important
}

.SpecialistPlusWrapper input[type="radio"] {
    opacity: .01;
    z-index: 100;
    cursor: pointer
}

.SpecialistPlusWrapper table tr td {
    padding-right: 25px !important
}

.SpecialistPlusWrapper select {
    background: url('../images/icons/DropdownDownArrowWhite.svg') no-repeat 96% #1d3443 !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

    .SpecialistPlusWrapper select[disabled], .SpecialistPlusWrapper .TownContainer input[disabled] {
        background: url('../images/icons/GrayArrowDown.svg') no-repeat 96% #e8e9ea !important;
        color: #aeaeae !important;
        opacity: 1
    }

.SpecialistPlusWrapper > div select option {
    background: #fff !important;
    color: #1d3443;
    padding: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 17px
}

#Specialist .SpecialistWrapperPlus .SpecialistRow > div {
    width: 25%
}

.FilterWrapperPlus .DoctorsNameContainer input {
    background-color: #f0f0f0 !important;
    box-shadow: none
}

    .FilterWrapperPlus .DoctorsNameContainer input::placeholder {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        display: flex;
        align-items: center;
        color: #1d3443;
        opacity: .25
    }

.SpecialistWrapperPlus .SpecialistRow #Institution a > #PhysicalAddress1, .SpecialistWrapperPlus .SpecialistRow #Institution a > #PhysicalAddress2, .SpecialistWrapperPlus .SpecialistRow #Institution a > #PhysicalAddressSurburb, .SpecialistWrapperPlus .SpecialistRow #Institution a > #PhysicalAddressPostalCode, .SpecialistWrapperPlus .SpecialistRow #Email a {
    color: #57656e;
    font-weight: normal
}

#Specialist .SpecialistWrapperPlus .SpecialistRow #Email a, #Specialist .SpecialistsWrapper .SpecialistRow .ContactNumber > a {
    color: #57656e;
    font-weight: normal;
    font-size: 15px !important
}

.SpecialistWrapperPlus .SpecialistRow #Institution .BlueLink {
    margin-bottom: 0
}

.EmergencyBlockWrapper {
    background: #fff;
    padding: 40px;
    display: block;
    margin-bottom: 50px;
    position: relative
}

    .EmergencyBlockWrapper .DividerLine {
        position: absolute;
        left: 50%;
        top: 15%;
        bottom: 15%;
        border-left: 1px solid #bec2c6
    }

    .EmergencyBlockWrapper .LeftBlock {
        width: 45%;
        display: inline-block;
        color: #1d3443;
        margin-right: 5%
    }

        .EmergencyBlockWrapper .LeftBlock h4, .EmergencyBlockWrapper .LeftBlock h6 {
            margin-bottom: 15px;
            letter-spacing: 0
        }

        .EmergencyBlockWrapper .LeftBlock p {
            color: #1d3443
        }

        .EmergencyBlockWrapper .LeftBlock a {
            display: none
        }

        .EmergencyBlockWrapper .LeftBlock .extraBold {
            font-family: 'Open Sans Bold';
            letter-spacing: 2px
        }

    .EmergencyBlockWrapper .RightBlock {
        vertical-align: top;
        width: 45%;
        display: inline-block;
        margin-left: 5%;
        margin-right: -1%;
        padding: 0;
        min-height: 0;
        margin-bottom: 0;
        background: transparent
    }

        .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper {
            display: flex;
            justify-content: space-between
        }

            .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock {
                width: 100%;
                text-align: center;
                position: relative
            }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock:not(:last-child)::after {
                    content: '';
                    position: absolute;
                    right: -2px;
                    top: 5%;
                    width: 2px;
                    height: 95%;
                    background-color: #1d3443;
                    opacity: .2
                }

            .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .title {
                width: 90%;
                font-size: 15px;
                line-height: 20px;
                color: #57656e;
                font-weight: bold
            }

            .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock .heading {
                font-size: 10px;
                line-height: 13px;
                font-family: 'Open Sans';
                font-weight: bold;
                color: #1d3443;
                margin-bottom: 10px;
                width: 61px;
                min-height: 42px;
                text-align: center;
                margin: 0 auto 10px auto
            }

        .EmergencyBlockWrapper .RightBlock .tab-content {
            margin-top: 5px
        }

        .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs {
            border: 0;
            justify-content: space-between;
            margin-top: 10px
        }

            .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item {
                padding-right: 30px;
                font-size: 12px;
                padding-bottom: 2px
            }

                .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item:focus {
                    outline: 0
                }

                .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item.dropdown.show .nav-link:after, .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item:hover .nav-link:after {
                    background: none;
                    height: 0
                }

                .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link {
                    padding: 0 5px 5px 5px;
                    border: 0;
                    font-size: 14px;
                    line-height: 19px;
                    text-align: center;
                    letter-spacing: .15em;
                    text-transform: uppercase
                }

                    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link.active {
                        border-bottom: 4px solid #1d3443 !important;
                        display: block;
                        border: 0
                    }

                    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link:focus, .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link:hover {
                        border: 0;
                        color: #1d3443;
                        padding-bottom: 5px;
                        border-bottom: 4px solid #1d3443 !important
                    }

.Overlay-Loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,.3);
    z-index: 9999
}

    .Overlay-Loader .loader-circle {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);
        margin-left: -60px;
        margin-top: -60px
    }

    .Overlay-Loader .loader-line-mask {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 60px;
        height: 120px;
        margin-left: -60px;
        margin-top: -60px;
        overflow: hidden;
        -webkit-transform-origin: 60px 60px;
        -moz-transform-origin: 60px 60px;
        -ms-transform-origin: 60px 60px;
        -o-transform-origin: 60px 60px;
        transform-origin: 60px 60px;
        -webkit-mask-image: -webkit-linear-gradient(top,#000,rgba(0,0,0,0));
        -webkit-animation: rotate 1.2s infinite linear;
        -moz-animation: rotate 1.2s infinite linear;
        -o-animation: rotate 1.2s infinite linear;
        animation: rotate 1.2s infinite linear
    }

        .Overlay-Loader .loader-line-mask .loader-line {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            box-shadow: inset 0 0 0 2px #1d3443
        }

.reseach-article-img {
    float: none !important;
    width: 95%;
    margin-top: 8px !important;
    box-shadow: 0 6px 100px rgba(29,52,67,.24)
}

.ResearchArticleContent p {
    margin-bottom: 15px !important
}

.ResearchButton .btn {
    margin-top: 50px;
    min-width: 200px;
    text-align: center;
    padding: 10px
}

.MobileResearchHeading {
    display: none
}

.article-intro h2 {
    line-height: 46px
}

.ResearchButton.d-flex.justify-content-center {
    width: 95%
}

@keyframes rotate {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.come-in {
    transform: translateY(150px);
    animation: come-in .8s ease forwards
}

@keyframes come-in {
    to {
        transform: translateY(0)
    }
}

.doctor-appointment-banner-image {
    background: url(../images/DoctorAppointment/doctor-banner.jpeg) no-repeat
}

.doctor-appointment > .content > .body .select2-container--default .select2-selection--single {
    background: url(../images/icons/down-simple.svg) no-repeat 95% center !important
}

.medical-assistance {
    color: #fff;
    text-align: center;
    font-weight: 600
}

div#DoctorInformation {
    display: flex
}

.Section-Button-padding {
    margin-bottom: -70px !important
}

.DoctorBio {
    overflow: hidden
}

.DoctorProfile .nav-tabs {
    border-bottom: 0
}

.HeadingWrapper.nav.nav-tabs {
    border-bottom: 0
}

div#DoctorInformation .nav.nav-tabs {
    border-bottom: 0
}

div#DoctorInformation .InfoBlock {
    width: 48%;
    background: linear-gradient(180deg,#fff 0%,#f7f7f7 100%);
    border-radius: 10px 10px 0 0;
    margin-top: -500px;
    padding: 50px 60px;
    margin-right: 20px
}

    div#DoctorInformation .InfoBlock .backtoSearch {
        display: table;
        background: url(../images/icons/left-full_gold.svg) no-repeat 0;
        padding-left: 40px;
        font-size: 18px;
        color: #7f6f64
    }

        div#DoctorInformation .InfoBlock .backtoSearch:hover {
            background: url(../images/icons/left-long-blue.svg) no-repeat 0;
            color: #1d3443
        }

    div#DoctorInformation .InfoBlock .ProfileImage {
        margin: 30px 0
    }

        div#DoctorInformation .InfoBlock .ProfileImage img {
            border: 3.5px solid #7f6f64;
            border-radius: 100px;
            padding: 6px;
            width: 20%
        }

div#DoctorInformation .ContactInfoBlock {
    display: flex;
    width: 50%;
    margin-top: -290px;
    max-height: 480px;
    position: relative
}

    div#DoctorInformation .ContactInfoBlock .LeftBlock {
        border-radius: 5px 0 0 5px;
        background: #3d4f5b;
        opacity: 1;
        width: 30%;
        padding: 60px 0
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock {
        border-radius: 5px 5px 5px 5px;
        width: 70%;
        background: rgba(29,52,67,1.95);
        min-height: initial;
        opacity: 1;
        margin-bottom: 0;
        padding: 50px 40px;
        overflow-y: auto;
        position: relative
    }

.doctor-appoint-bannner-container {
    padding-top: 120px;
    background: #f7f7f7 !important
}

div#DoctorInformation .InfoBlock .Expertise {
    font-family: "Open Sans Bold";
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #4682b4;
    margin-bottom: 20px
}

div#DoctorInformation .InfoBlock .DoctorName {
    font-size: 80px;
    line-height: 112%;
    letter-spacing: -.03em;
    color: #1d3443;
    font-family: "Open Sans Light";
    font-weight: 300;
    margin-bottom: 25px
}

div#DoctorInformation .InfoBlock .DoctorBio p {
    font-family: "Open Sans Semi-Bold";
    font-size: 18px;
    line-height: 130%;
    color: #80898f !important
}

div#DoctorInformation .ContactInfoBlock h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -.03em;
    color: #fff
}

div#DoctorInformation .MakeAppointmedBtn, div#DoctorInformation .ContactInfoBlock h2 {
    display: none
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Website a {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 300;
    overflow-wrap: break-word
}

div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
    font-size: 13px;
    line-height: 5px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #e8e9ea;
    margin-left: 35px;
    margin-right: 84px;
    font-weight: bold;
    padding-bottom: 25px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 25px;
    opacity: .67
}

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading.active {
        color: #fff;
        border-bottom: 2px solid #fff;
        opacity: 1
    }

div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn, div#DoctorInformation .ContactInfoBlock .CallNetcare, div#DoctorInformation .ContactInfoBlock .CallDoctor {
    color: #1d3443;
    background-color: #e4d7cc !important;
    box-shadow: 0 6px 100px rgba(29,52,67,.24);
    border-radius: 3px;
    display: inline-table;
    position: absolute;
    width: 62%;
    font-size: 18px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    right: 25px;
    bottom: -25px;
    padding: 15px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .HospitalName {
    font-family: "Open Sans Bold";
    line-height: 22px;
    color: #fff;
    text-decoration: underline;
    margin-bottom: 20px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone {
    font-size: 14px;
    line-height: 22px;
    color: #fff !important;
    margin-bottom: 20px;
    background: url(../images/icons/smartphone-doc.svg) no-repeat 0 0;
    padding-left: 45px;
    padding-bottom: 1px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Email {
    font-family: "Open Sans";
    line-height: 22px;
    color: #bec2c6;
    margin-bottom: 20px;
    background: url(../images/icons/mail.svg) no-repeat 1px 0;
    padding-left: 45px;
    font-size: 14px;
    font-style: normal;
    font-weight: normal
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Website {
    font-family: "Open Sans";
    line-height: 22px;
    color: #bec2c6;
    margin-bottom: 20px;
    background: url(../images/icons/mail.svg) no-repeat 1px 0;
    padding-left: 45px;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Location {
    font-size: 14px;
    line-height: 24px;
    color: #bec2c6;
    padding-left: 30px;
    margin-bottom: 20px;
    background: url(../images/icons/map-pin-white.svg) no-repeat 0 center;
    padding-left: 45px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone a {
    color: #bec2c6;
    font-weight: normal
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Email a {
    color: #bec2c6;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px
}

    div#DoctorInformation .ContactInfoBlock .RightBlock .Email a:hover, div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone a:hover, div#DoctorInformation .ContactInfoBlock .RightBlock .Website a:hover {
        color: #4682b4
    }

div#DoctorInformation .ContactInfoBlock .CallNetcare {
    margin-right: 230px
}

div#DoctorInformation .ContactInfoBlock .CallNetcare, div#DoctorInformation .ContactInfoBlock .CallDoctor {
    width: 205px !important;
    display: none
}

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn:hover, div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn:focus, div#DoctorInformation .ContactInfoBlock .CallNetcare:hover, div#DoctorInformation .ContactInfoBlock .CallNetcare:focus, div#DoctorInformation .ContactInfoBlock .CallDoctor:hover, div#DoctorInformation .ContactInfoBlock .CallDoctor:focus {
        background-color: #f8f6f4 !important;
        color: #1d3443 !important
    }

div#DoctorInformation .MakeAppointmedBtn:hover, div#DoctorInformation .MakeAppointmedBtn:focus {
    background-color: #4682b4 !important;
    color: #fff !important
}

.BioReadmore {
    font-size: 16px;
    line-height: 22px;
    display: table;
    align-items: center;
    color: #1d3443 !important;
    margin-bottom: 20px;
    padding-right: 20px;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    width: auto;
    transition: color ease-in-out .4s;
    margin-top: 15px
}

    .BioReadmore:hover {
        background: url(../images/icons/LightBlueArrowRight.svg) no-repeat right center;
        color: #4682b4 !important
    }

div#DoctorPageBanner {
    margin-top: 80px
}

div#DoctorInformation .InfoBlock .DoctorBio p:last-child {
    margin-bottom: 10px
}

div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar {
    width: 7px
}

div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px
}

div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar-thumb {
    background: #afcce0;
    border-radius: 10px
}

    div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar-thumb:hover {
        background: #afcce0
    }

.DoctorProfile {
    width: 100%;
    margin: 0% 0 0% 0;
    position: relative;
    padding-top: 120px
}

    .DoctorProfile .DoctorHeading {
        margin-bottom: 30px
    }

    .DoctorProfile .HeadingWrapper .Heading {
        margin: 10px 35px 10px 0;
        color: #1d3443;
        opacity: .5;
        font-weight: 600;
        cursor: pointer;
        font-size: 18px;
        text-transform: lowercase
    }

#OtherPractices {
    white-space: nowrap;
    display: inline-block
}

.DoctorProfile .HeadingWrapper .Heading::first-letter {
    text-transform: capitalize
}

.DoctorProfile .HeadingWrapper .Heading.active {
    color: #1d3443;
    opacity: 1;
    border-bottom: 2px solid #7f6f64;
    margin-bottom: 0;
    padding-bottom: 15px
}

.DoctorHeading .HeadingPlus {
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px
}

.DoctorHeading h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    flex: none;
    flex-grow: 0;
    margin: 10px 0
}

.DoctorProfile .inputWrapper {
    height: 58px;
    display: inline-flex !important;
    align-items: center;
    background: #fff !important;
    width: 30%;
    border-radius: 3px;
    margin-top: 15px;
    box-shadow: 0 4px 10px rgba(26,34,57,.08);
    border-radius: 3px;
    position: relative;
    z-index: 2
}

#SpecialisationList .select2-container, #SpecialisationPracList .select2-container {
    width: 100% !important
}

#SpecialisationList .select2-container--default .select2-selection--single, #SpecialisationPracList .select2-container--default .select2-selection--single {
    padding: 10px 10px 10px 18px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/icons/BlueArrowSmall.svg) no-repeat 95% center !important;
    background-color: #fff
}

#SpecialisationList .select2-container--default .select2-selection--single, #SpecialisationPracList .select2-container--default .select2-selection--single {
    height: 40px;
    border-radius: 5px;
    border: 0 !important;
    outline: 0;
    color: #1d3443;
    font-weight: bold;
    width: 100%;
    padding-left: 10px;
    font-size: 16px
}

    #SpecialisationList .select2-container--default .select2-selection--single .select2-selection__placeholder, #SpecialisationPracList .select2-container--default .select2-selection--single .select2-selection__placeholder {
        opacity: .3;
        font-weight: normal;
        font-size: 18px
    }

#SpecialisationList span.select2-selection__arrow, #SpecialisationPracList span.select2-selection__arrow {
    display: none
}

#SpecialisationList .select2-container--default .select2-selection--single .select2-selection__rendered, #SpecialisationPracList .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 22px;
    color: #1d3443
}

div#SpecialisationList, div#SpecialisationPracList {
    margin-left: -20px;
    margin-top: -80px
}

div#SpecialisationList {
    margin-top: 0
}

div#PracticesMenu .container {
    margin-top: 75px
}

div#ConsultHospital {
    margin-left: -25px;
    width: 45%;
    position: relative
}

.ConsultHospital {
    display: flex;
    position: relative
}

div#ConsultHospital h2 {
    font-size: 40px;
    line-height: 54px;
    font-family: 'Open Sans';
    width: 90%
}

div#ConsultHospital p {
    font-size: 18px;
    line-height: 30px;
    width: 85%
}

div#ConsultWeekDayHours, div#ConsultWeekendHours {
    background: #fff;
    width: 100%;
    padding: 0 0 0 0;
    mix-blend-mode: normal;
    border-radius: 3px;
    margin: 16px 35px 15px 0
}

    #ConsultWeekDayHours h2, div#ConsultWeekendHours h2 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 120%;
        color: #1d3443
    }

    div#ConsultWeekDayHours p, div#ConsultWeekendHours p {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 120%;
        display: flex;
        align-items: center;
        letter-spacing: .15em;
        text-transform: uppercase;
        padding: 5px 40px;
        color: #80898f;
        margin-bottom: 0;
        background: url(../images/icons/clock-facilities.svg) no-repeat left center
    }

div#ConsultWeekendHours {
    width: 55%;
    padding: 20px 20px;
    margin-bottom: 1px;
    height: 160px
}

#ConsultHospital .MakeAppointmedBtn {
    display: block;
    background: #1d3443 !important;
    box-shadow: 0 0 20px rgba(37,40,73,.2);
    border-radius: 5px;
    position: absolute;
    width: 280px;
    height: 55px;
    z-index: 1;
    font-family: 'Open Sans Light';
    letter-spacing: .03em;
    padding: 15px 20px;
    font-weight: bold
}

    #ConsultHospital .MakeAppointmedBtn:hover, #ConsultHospital .MakeAppointmedBtn:active {
        background: #4682b4 !important;
        color: #fff !important
    }

#ConsultationWrapper {
    display: flex;
    position: relative;
    width: 100%
}

.VisitingHoursText {
    background: #f8f6f4;
    margin: 30px 0;
    padding: 0 0 30px 36px;
    width: 105%
}

    .VisitingHoursText p {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 140%;
        color: #1d3443
    }

.DoctorProfile #watermark {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 75px
}

    .DoctorProfile #watermark #bg-text {
        color: #4682b4;
        font-size: 300px !important;
        line-height: 60%;
        opacity: .05;
        display: flex !important;
        text-align: right;
        font-weight: 600 !important;
        font-family: Montserrat SemiBold !important;
        margin: auto;
        letter-spacing: -.03em
    }

.IndividualSectionBox {
    display: inline-flex;
    border-bottom: 0;
    margin-left: -31px;
    margin-top: 30px;
    margin-bottom: 40px
}

#IndividualDoctorSlider {
    margin-top: 30px;
    margin-left: -22px;
    padding-left: 0;
    padding-right: 5%
}

    #IndividualDoctorSlider .slick-track {
        width: 5343px !important;
        border: 0
    }

#SpecialInterestMenu .slick-slide {
    outline: 0
}

#SpecialInterestMenu div#BigSliderNav {
    width: 60%;
    margin: 0 auto 0 28%
}

#SpecialInterestMenu ul.slick-dots {
    padding-left: 30%;
    bottom: -5px
}

#SpecialInterestMenu .slick-dots li {
    margin: 2px 10px;
    background: url('../images/icons/Ellipse.svg') no-repeat bottom center
}

    #SpecialInterestMenu .slick-dots li a {
        display: none
    }

    #SpecialInterestMenu .slick-dots li.slick-active a {
        display: block;
        border-radius: 100% !important;
        font-family: 'Open Sans Light';
        box-shadow: 10px 5px 33px rgba(46,11,5,.34)
    }

#SpecialInterestMenu .prev-arrow.slick-arrow {
    background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
    cursor: pointer;
    position: absolute;
    left: -47px;
    bottom: -12px;
    top: auto;
    background-color: transparent;
    box-shadow: none
}

#DoctorProfileSection .IndividualDoctorNav {
    display: none
}

#IndividualDoctorSlider .slick-dots a {
    color: #fff
}

#SpecialInterestMenu .slick-dots > li:only-child {
    display: none
}

#SpecialInterestMenu .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: 0;
    left: 23px;
    background: url(../images/CarouselRightArrow.svg) no-repeat center center;
    bottom: -12px;
    top: auto;
    background-color: transparent;
    box-shadow: none
}

#SpecialInterestMenu li.slick-active {
    background-color: #1d3443 !important;
    background-image: none !important;
    color: #fff !important;
    border-radius: 100% !important;
    width: 26px;
    height: 26px;
    margin: 2px 40px;
    padding-top: 2px
}

.SectionBlock.active p {
    margin-top: 0
}

.DoctorProfile .SectionBlock .InfoCardsImage {
    width: 85%;
    padding: 30px;
    margin-bottom: -32%
}

.btn.btn-primary.DoctorProfileBtn {
    position: relative;
    top: 35px
}

    .btn.btn-primary.DoctorProfileBtn:hover, .btn.btn-primary.DoctorProfileBtn:active {
        background-color: #4682b4 !important;
        color: #fff !important
    }

.DoctorProfile .SectionBlock:hover svg path, .DoctorProfile .SectionBlock.active svg path {
    fill: #fff
}

.DoctorProfile .SectionBlock:hover svg rect, .DoctorProfile .SectionBlock.active svg rect {
    fill: #c7dae9
}

.individualSectionBox .SectionBlock, #IndividualDoctorSlider .SectionBlock {
    width: 360px !important;
    height: 170px;
    margin: 10px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    border-radius: 3px;
    position: relative;
    padding: 10px;
    z-index: 1
}

    .individualSectionBox .SectionBlock:hover, #IndividualDoctorSlider .SectionBlock:hover, .SectionBlock.active {
        background: #4682b4 !important;
        color: #fff !important;
        cursor: pointer;
        border-radius: 0 !important
    }

.DoctorProfile .SliderNumber {
    text-align: end !important;
    color: #1d3443 !important;
    font-weight: 600;
    font-family: Montserrat;
    letter-spacing: -.03em;
    font-size: 20px
}

.individualSectionBox .SectionBlock p, #IndividualDoctorSlider .SectionBlock p {
    position: absolute;
    bottom: 0;
    font-weight: bold;
    font-size: 16px;
    height: 20px;
    width: 70%;
    line-height: 22px;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #1d3443;
    margin: 20px 30px;
    padding-bottom: 25px;
    display: flex
}

.individualSectionBox .SectionBlock:hover p, #IndividualDoctorSlider .SectionBlock:hover p, .DoctorProfile .SectionBlock:hover .SliderNumber, .SectionBlock.active p, .SectionBlock.active .SliderNumber {
    color: #fff !important
}

#SpecialInterestMenu .slick-slide {
    outline: 0
}

.SubDescription {
    position: relative
}

    .SubDescription .DoctorBioHeading h2, .SubDescription .DoctorEduHeading h2, .SubDescription .DoctorPublication h2 {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 40px;
        line-height: 54px;
        margin-left: -20px
    }

    .SubDescription .DoctorEduHeading h2 {
        width: 70%
    }

    .SubDescription .DoctorBiography p, .SubDescription .DoctorEduHeading p, .SubDescription .DoctorPublication p {
        font-style: normal;
        font-weight: normal;
        line-height: 140%;
        color: #80898f;
        margin-left: -20px;
        margin-right: 40px
    }

    .SubDescription .DoctorEduHeading, .SubDescription .DoctorBioHeading, .SubDescription .DoctorPublication, #PracticesMenu .ConsultHospital {
        margin-top: 60px
    }

    .SubDescription .DoctorCertification {
        width: 100%;
        height: auto;
        padding-left: 5%;
        padding-top: 20px;
        background: #fff;
        box-shadow: 0 4px 10px rgba(26,34,57,.05);
        border-radius: 10px;
        margin-top: 60px;
        padding-bottom: 1px
    }

        .SubDescription .DoctorCertification ul.gold-point-list {
            margin-bottom: 25px
        }

    .SubDescription .CertListHeading {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: -.03em;
        color: #1d3443;
        padding-left: 90px;
        background: url(../images/icons/Qualifications.svg) no-repeat left 8% top
    }

    .SubDescription .gold-point-list li {
        font-family: 'Open Sans Light';
        font-style: normal;
        font-size: 18px;
        line-height: 130%;
        color: #1d3443;
        font-weight: bold;
        margin: 20px
    }

    .SubDescription ul.gold-point-list li::before {
        font-size: 30px
    }

    .SubDescription .fade:not(.show) {
        opacity: 1
    }

    .SubDescription .DoctorBiography {
        column-count: 2;
        column-gap: 30px
    }

div#QualificationTab #watermark #bg-text {
    line-height: 95%
}

#PracticesMenu .ConsultHospital.sub-tabs.tab-pane.fade.active {
    display: flex !important
}

.tabbable {
    background: #fff;
    border-radius: 5px
}

#PracticesMenu .ConsultHospital.sub-tabs.tab-pane.fade {
    display: none;
    width: 100%
}

.above-hours-cointanier {
    padding: 30px 2px 0 25px
}

.above-hours-cointanier-text {
    font-size: 16px
}

#AvailabilityMenu .AvailabilityText, #AvailabilityMenu .InPracticeText {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 20px 0;
    background: url(../images/icons/alert-circle.svg) no-repeat top left;
    padding-left: 40px;
    padding-right: 10px
}

#AvailabilityMenu .AvailabilityText {
    margin: 10px 0;
    background: url(../images/icons/Check_InCircle.svg) no-repeat top left
}

#LanguagesMenu .LanguageList {
    font-size: 18px;
    line-height: 18px;
    word-spacing: 10px;
    color: #fff;
    font-family: 'Open Sans Light';
    margin-top: 45px
}

    #LanguagesMenu .LanguageList strong {
        font-family: "Open Sans Semi-Bold";
        border-left: 1px solid #afcce0;
        border-right: 1px solid #afcce0;
        padding: 0 15px
    }

        #LanguagesMenu .LanguageList strong:first-child, #LanguagesMenu .LanguageList strong:last-child {
            border: 0;
            padding: 0
        }

#LanguagesMenu .SpeakLanguage {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 20px 0;
    padding-right: 10px
}

.AvailabilityButton {
    display: flex;
    justify-content: space-between
}

.DoctorWrapperSection {
    display: none
}

#DoctorProfileSection div#ReviewSliderNav {
    display: none
}

@-moz-document url-prefix() {
}

.RightTextBlock {
    padding: 110px 50px 50px 110px
}

    .RightTextBlock h1 {
        font-family: "Open Sans Light";
        font-size: 70px;
        line-height: 119.8%;
        margin-bottom: 50px
    }

        .RightTextBlock h1 > strong {
            font-family: "Open Sans Bold"
        }

.ListItemWithIcon {
    display: inline-flex;
    font-size: 19px;
    line-height: 130%;
    width: 78%;
    font-family: "Open Sans";
    margin-bottom: 40px;
    color: #1d3443
}

    .ListItemWithIcon img {
        height: 48px;
        background: #fff;
        border-radius: 100px;
        margin-right: 20px;
        margin-top: -8px;
        box-shadow: 0 6px 100px rgba(29,52,67,.24)
    }

    .ListItemWithIcon .text strong {
        font-family: "Open Sans Bold"
    }

#NetcarePlusGridOneImage {
    background: url('/portals/0/OneNetcare/NetcarePlus/TealOverlay.jpg') no-repeat;
    background-size: 100%;
    height: 100%
}

.MoreText {
    font-size: 16px !important
}

.NetcarePlusBlockTwo {
    width: 50%;
    margin-top: 25px
}

.NetcarePlusTopBannerText {
    padding: 25px 61px;
    margin-top: 20px;
    padding-right: 20%;
    padding-left: 15%
}

.NetcarePlusContentWrapper {
    margin: 8% 0 0 0;
    width: 50%
}

.NetcarePlusLogo img {
    width: 30%;
    margin-left: 6%
}

.NetcarePlusLogo {
    padding-left: 90px;
    margin-top: 10px
}

.NetcarePlusTopBannerText h6 {
    font-size: 30px;
    margin-bottom: 35px;
    line-height: 35px;
    font-family: 'Open Sans Bold'
}

.NetcarePlusTopBannerText p {
    color: #1d3443;
    font-weight: 300;
    line-height: 130%;
    font-style: normal;
    font-size: 21px !important
}

.NetcarePlusHours p {
    margin-bottom: 2px;
    color: #1d3443;
    font-weight: bold;
    font-size: 30px !important;
    line-height: 30px
}

    .NetcarePlusHours p:first-child {
        font-size: 16px !important;
        letter-spacing: .15em;
        font-family: 'Open Sans Bold'
    }

    .NetcarePlusHours p:nth-child(3) {
        color: #afcce0;
        font-weight: 600
    }

.NetcarePlusHours {
    display: inline-block;
    padding-top: 25px;
    margin-bottom: 20px
}

.AppointmentWrapperSection, .NetcarePlusWrapperSection {
    display: block;
    position: relative
}

.DoctorWrapperSection {
    position: relative
}

.NetcarePlusBannerText {
    right: 9%;
    height: 50%;
    width: 40%
}

    .NetcarePlusBannerText h2 {
        color: #fff;
        margin-bottom: 40px
    }

    .NetcarePlusBannerText p {
        color: #fff;
        margin-bottom: 30px;
        width: 70%
    }

#AppointMedSlider.NetcarePlusReviewSlider .SlideText {
    border-bottom: 8px solid #66b6c4
}

#AppointMedSlider.NetcarePlusReviewSlider .slick-current .SlideText {
    background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 50% 6%;
    border-bottom: 10px solid #66b6c4;
    background-size: 20%
}

#AppointMedSliderNav.NetcarePlusSliderNav .slick-dots li.slick-active button:before, #AppointMedSliderNav.NetcarePlusSliderNav .slick-dots li button:focus, #AppointMedSliderNav.NetcarePlusSliderNav .slick-dots li button:hover {
    color: #66b6c4 !important;
    opacity: 1 !important
}

#AppointMedSliderNav .slick-dots li button:before, #AppointMedSliderNav.NetcarePlusSliderNav .slick-dots li button:before {
    font-size: 30px;
    color: #4682b4
}

#AppointMedSliderNav.NetcarePlusSliderNav .slick-dots li button:before {
    color: #66b6c4
}

.CustomerFeedbackSliderNav .slick-dots li.slick-active button:before, .CustomerFeedbackSliderNav .slick-dots li button:focus, .CustomerFeedbackSliderNav .slick-dots li button:hover {
    color: #4682b4 !important;
    opacity: 1 !important
}

#AppointMedSliderNav .slick-dots li button:before, .CustomerFeedbackSliderNav .slick-dots li button:before {
    font-size: 30px;
    color: #4682b4
}

.CustomerFeedbackSliderNav .slick-dots li button:before {
    color: #66b6c4;
    opacity: .25 !important
}

.FindHealthCare {
    font-size: 18px;
    font-weight: 600;
    color: #1d3443 !important;
    line-height: 50px;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    padding-right: 20px;
    padding-left: 10px;
    float: none
}

    .FindHealthCare:active, .FindHealthCare:hover {
        color: #66b6c4 !important;
        background: url('../images/CarouselRightBlueArrowSmall.svg') no-repeat right center
    }

.btn-primary.btnBuyVoucher {
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    background-color: #1d3443 !important;
    box-shadow: 0 0 20px rgba(37,40,73,.2);
    width: 210px;
    height: 48px;
    border-radius: 5px
}

    .btn-primary.btnBuyVoucher:active, .btn-primary.btnBuyVoucher:hover {
        color: #fff !important;
        background-color: #66b6c4 !important
    }

.NetcarePlusButton {
    padding-right: 5px;
    margin-top: 10%
}

.VoucherCardsHeading {
    padding: 50px 0
}

    .VoucherCardsHeading p {
        width: 40%;
        color: #1d3443
    }

.VoucherCardWrapper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px
}

    .VoucherCardWrapper .VoucherCard {
        background-color: #fff;
        width: 31%;
        box-shadow: 0 5.18227px 86.3712px rgba(29,52,67,.05);
        border-radius: 17px;
        padding: 70px 50px 50px 50px
    }

        .VoucherCardWrapper .VoucherCard:hover {
            transform: scale(1.1,1.1);
            box-shadow: 0 5.18227px 86.3712px rgba(29,52,67,.05)
        }

        .VoucherCardWrapper .VoucherCard img {
            display: block;
            width: 100%;
            text-align: center;
            margin-bottom: 40px
        }

        .VoucherCardWrapper .VoucherCard p {
            min-height: 100px;
            color: #1d3443
        }

        .VoucherCardWrapper .VoucherCard .VoucherPrice {
            font-size: 43px;
            line-height: 119.8%;
            letter-spacing: -.03em;
            color: #66b6c4;
            font-weight: bold;
            font-weight: bold
        }

        .VoucherCardWrapper .VoucherCard .BuyNowButton {
            background: #1d3443;
            box-shadow: 0 0 17.2742px rgba(37,40,73,.2);
            border-radius: 4px;
            color: #fff;
            width: 98%;
            text-align: center;
            margin: 0 auto;
            display: block;
            height: 50px;
            line-height: 50px;
            margin-top: 50px
        }

            .VoucherCardWrapper .VoucherCard .BuyNowButton:hover {
                background: #66b6c4
            }

.NetcarePlusTopWrapper {
    overflow: hidden
}

.InfoSectionLeft {
    padding-top: 1px;
    width: 80%;
    margin-top: 20%
}

.InfoSectionRight {
    margin-top: 20%
}

.InfoSectionLeft .LightbluePlus {
    line-height: 90px;
    font-family: 'Open Sans Light';
    font-size: 80px
}

.InfoSectionLeft p {
    width: 65%;
    font-size: 21px;
    line-height: 130%;
    color: #1d3443 !important
}

.InfoCard1, .InfoCard2 {
    width: 95%;
    height: 290px;
    margin: 35px 20px;
    padding-left: 10%;
    padding-top: 40px;
    background: #fff
}

    .InfoCard1 .InfoCardsImage {
        width: 85%;
        background: url('/portals/0/OneNetcare/NetcarePlus/icons/FAQ.svg') no-repeat;
        padding: 30px;
        margin-bottom: 10%
    }

    .InfoCard2 .InfoCardsImage {
        background: url('/portals/0/OneNetcare/NetcarePlus/icons/Terms.svg') no-repeat;
        width: 85%;
        padding: 30px;
        margin-bottom: 10%
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 40px !important;
        color: #1d3443
    }

    .InfoCard1 > .InfocardText, .InfoCard2 > .InfocardText {
        color: #1d3443;
        font-size: 18px;
        background: url(../images/BlueArrow.svg) no-repeat right center;
        padding-right: 20px;
        display: inline-table
    }

.ListItemWithIcon.NetcarePlusScroll {
    cursor: pointer
}

.InfoCard1:hover, .InfoCard2:hover {
    background: #1d3443 !important
}

    .InfoCard1:hover .InfoCardsImage {
        background: url('/portals/0/OneNetcare/NetcarePlus/icons/FAQ-hover.svg') no-repeat
    }

    .InfoCard2:hover .InfoCardsImage {
        background: url('/portals/0/OneNetcare/NetcarePlus/icons/Terms-hover.svg') no-repeat
    }

    .InfoCard1:hover h3, .InfoCard1:hover > .InfocardText, .InfoCard2:hover h3, .InfoCard2:hover > .InfocardText {
        color: #fff !important
    }

    .InfoCard1:hover > .InfocardText, .InfoCard2:hover > .InfocardText {
        background: url('../images/ArrowWhiteSmallRight.svg') no-repeat right center !important
    }

.NetcarePlusCall {
    color: #fff
}

    .NetcarePlusCall:hover, .NetcarePlusCall:active, .NetcarePlusCall:visited, .NetcarePlusCall:focus {
        color: #fff
    }

.BroucherDownload {
    display: inline-flex;
    font-size: 19px;
    line-height: 130%;
    width: 78%;
    font-family: "Open Sans";
    color: #1d3443;
    margin-left: 70px
}

    .BroucherDownload a:hover, .BroucherDownload a:active, .BroucherDownload a:focus {
        color: #66b6c4 !important;
        background: url('../images/CarouselRightBlueArrowSmall.svg') no-repeat right center
    }

.ContentUnderPlus a {
    color: #1d3443
}

    .ListItemWithIcon .text a:hover, .ListItemWithIcon .text a:active, .ListItemWithIcon .text a:visited, .ListItemWithIcon .text a:focus, .ContentUnderPlus a:hover, .ContentUnderPlus a:active, .ContentUnderPlus a:visited, .ContentUnderPlus a:focus, .NetcarePlusHours a:hover, .NetcarePlusHours a:active, .NetcarePlusHours a:visited, .NetcarePlusHours a:focus {
        color: #1d3443
    }

.DoctorSpacingSection {
    margin-top: 45px
}

.btn-primary.btnBookAppointment {
    width: 200px
}

.BookAppointmentBannerText {
    right: 8%;
    width: 35%;
    height: 70%
}

.btn-primary.FindMore {
    box-shadow: 0 0 20px rgba(37,40,73,.2);
    width: 200px;
    font-size: 18px;
    line-height: 120%
}

    .btn-primary.FindMore:hover, .btn-primary.FindMore:active {
        color: #fff !important;
        background-color: #4682b4 !important
    }

div#BookAppointmedButton.AppointmentButton {
    padding-right: 0
}

.AppointmedSignUp .BannerTitleAppointMed {
    width: 80%
}

.AppointmedSignUp .BannerTextAppointMed {
    margin-right: 28%
}

    .AppointmedSignUp .BannerTextAppointMed h1 {
        font-size: 70px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li {
        color: #1d3443 !important;
        font-size: 21px !important
    }

    .AppointmedSignUp .BannerTextAppointMed strong:nth-child(2), .AppointmedSignUp .BannerTextAppointMed strong:nth-child(3) {
        color: #4682b4 !important;
        font-weight: bold
    }

    .AppointmedSignUp .BannerTextAppointMed p {
        font-size: 21px !important
    }

        .AppointmedSignUp .BannerTextAppointMed p:last-child {
            color: #4682b4 !important;
            font-weight: bold
        }

.AppointmedSignUp .GridContainer .GridTitle {
    font-size: 45px !important;
    line-height: 55px !important
}

.AppointmedSignUp .GridContainer p {
    font-size: 20px !important
}

.GridOne .AppointmedSignUp .GridTitle {
    width: 90% !important
}

.GridOne .AppointmedSignUp .GridText {
    width: 75% !important
}

.GridThree .AppointmedSignUp .GridTitle, .GridFive .AppointmedSignUp .GridTitle {
    width: 95% !important
}

.GridThree .AppointmedSignUp .GridText {
    width: 67% !important
}

.GridFive .AppointmedSignUp .GridText {
    width: 70% !important
}

.AppointmedSignUp .AppointmedLink, .AppointmedSignUp .AppointmedLink:hover {
    background: none !important
}

    .AppointmedSignUp .AppointmedLink a {
        background: url(/portals/0/OneNetcare/Appointmed/icons/Arrow.svg) no-repeat right center !important;
        padding-right: 25px
    }

        .AppointmedSignUp .AppointmedLink a:hover {
            background: url(/Portals/_default/Skins/Netcare-Core/images/icons/LightBlueArrowRight.svg) no-repeat right center !important;
            padding-right: 25px
        }

.AppointmedSignUp .AppointmedLogoTitle {
    width: 60%;
    margin-top: 70px
}

div#dnn_LiveForm {
    margin-top: 80px;
    background: #1d3443
}

    div#dnn_LiveForm .LiveForm.Default {
        background: #1d3443
    }

        div#dnn_LiveForm .LiveForm.Default ul.page-break-section, div#dnn_LiveForm .LiveForm.Default .thank-you {
            padding: 25px 100px
        }

        div#dnn_LiveForm .LiveForm.Default h2 {
            color: #fff;
            font-weight: 300;
            font-size: 45px;
            line-height: 110%;
            letter-spacing: -.03em;
            border-bottom: 0
        }

        div#dnn_LiveForm .LiveForm.Default h2 {
            background: url(../images/icons/CarouselBluePlus.svg) no-repeat left top;
            margin-left: -24px;
            padding-left: 24px;
            padding-top: 17px;
            margin-bottom: 10px
        }

        div#dnn_LiveForm .LiveForm.Default .Field label {
            color: #fff;
            font-size: 16px;
            align-items: center;
            letter-spacing: .15em;
            text-transform: uppercase
        }

        div#dnn_LiveForm .LiveForm.Default .Field.mobile-under .Field-Container-Wide {
            margin-bottom: 10px
        }

    div#dnn_LiveForm .LiveForm .Field > div input[type="submit"] {
        background: #4682b4 !important;
        border: 0 none !important;
        padding: 13px 42px !important;
        margin-top: 5px !important;
        font-size: 18px !important;
        color: #fff !important;
        border-radius: 5px !important;
        float: none;
        font-family: 'Open Sans Semi-Bold' !important
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field > div > p {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 140%;
        color: #fff;
        border-bottom: 0;
        margin-bottom: 10px
    }

    div#dnn_LiveForm .LiveForm.Default .Field select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(../images/icons/LightBlueArrowDown.svg) no-repeat 95% center #fff !important;
        color: #1d3443;
        font-family: 'Open Sans' !important;
        letter-spacing: .02em
    }

@-moz-document url-prefix() {
    div#dnn_LiveForm .LiveForm.Default .Field select {
        font-family: 'Open Sans Light' !important;
        font-weight: 400;
    }
}

div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field {
    padding: 10px 15px
}

div#dnn_LiveForm .LiveForm.Default .Field.Required input {
    background-color: #fff !important;
    outline: 0;
    color: #1d3443;
    font-weight: bold;
    font-family: 'Open Sans' !important
}

    div#dnn_LiveForm .LiveForm.Default .Field.Required input::placeholder {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 122.94%;
        display: flex;
        align-items: center;
        letter-spacing: -.03em;
        color: #1d3443;
        opacity: .3
    }

div#dnn_LiveForm .LiveForm.Default label.error {
    display: none !important
}

div#dnn_LiveForm .LiveForm.Default input.error, div#dnn_LiveForm .LiveForm.Default select.error {
    border: 2px solid #eb5757 !important
}

.AppointmedForm .LiveForm.Default .thank-you .SuccessPage {
    margin: 50px 0 !important;
    text-align: center
}

.AppointmedForm .LiveForm.Default .thank-you {
    background-color: none;
    background: none !important;
    margin-left: 20px
}

    .AppointmedForm .LiveForm.Default .thank-you #AppointmedForm {
        margin-top: 0 !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1 {
        color: #fff;
        text-align: center;
        font-weight: 600;
        font-size: 45px;
        padding: 20px
    }

    .AppointmedForm .LiveForm.Default .Thank-you p {
        font-size: 20px !important;
        font-weight: 400;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 10%
    }

#BigSlider.BannerContent {
    height: 560px !important;
    margin-bottom: 150px
}

    #BigSlider.BannerContent .BigSlide .Image {
        float: left
    }

    #BigSlider.BannerContent .BigSlide .Content {
        float: right;
        padding: 65px 90px;
        align-items: start
    }

    #BigSlider.BannerContent .Content h2 {
        background: none;
        font-size: 45px;
        padding-top: 17px;
        color: #1d3443;
        line-height: 110%
    }

    #BigSlider.BannerContent .TextWrapper .btn-primary {
        border-radius: 5px;
        width: 166px;
        height: 50px;
        font-family: 'Open Sans'
    }

        #BigSlider.BannerContent .TextWrapper .btn-primary:hover, #BigSlider.BannerContent .TextWrapper .btn-primary:active {
            background: #cdad7f !important;
            color: #fff !important
        }

    #BigSlider.BannerContent .Content p {
        font-size: 20px;
        line-height: 130%
    }

.CovidTopSection {
    margin-bottom: 8%
}

.ContentRightBlock {
    display: flex
}

.CovidPage.InfoBlock {
    background: linear-gradient(181.93deg,#fff 1.63%,#f7f7f7 85.81%);
    border-radius: 3px;
    width: 100%;
    margin-top: -550px;
    padding: 50px 100px 35px 45px
}

    .CovidPage.InfoBlock .InfoBlockTitle {
        font-size: 80px;
        line-height: 112%;
        color: #1d3443;
        font-family: "Open Sans Light";
        font-weight: 300;
        letter-spacing: -.03em
    }

    .CovidPage.InfoBlock .InfoLinks span {
        color: #57656e
    }

        .CovidPage.InfoBlock .InfoLinks span:first-child {
            cursor: pointer
        }

            .CovidPage.InfoBlock .InfoLinks span:first-child:after {
                content: '|';
                margin: 0 10px
            }

        .CovidPage.InfoBlock .InfoLinks span:last-child {
            border: 0
        }

        .CovidPage.InfoBlock .InfoLinks span:hover a {
            color: #7f6f64
        }

        .CovidPage.InfoBlock .InfoLinks span a {
            color: #57656e;
            font-weight: 600;
            line-height: 150.26%;
            text-transform: uppercase;
            font-size: 12px
        }

        .CovidPage.InfoBlock .InfoLinks span:last-child a {
            color: #1d3443;
            cursor: text
        }

    .CovidPage.InfoBlock .InfoBlockDescription {
        color: #80898f;
        font-size: 20px;
        line-height: 130%;
        font-family: 'Open Sans Semi-Bold';
        font-weight: 400;
        margin: 45px 0
    }

.CovidPage.StatsBlock {
    margin-top: -490px;
    color: #fff;
    box-shadow: 0 6px 100px rgba(29,52,67,.24);
    border-radius: 10px
}

    .CovidPage.StatsBlock .StatsDetails {
        padding: 35px 45px 20px 45px;
        background: rgba(29,52,67,.94);
        box-shadow: 0 6px 100px rgba(29,52,67,.24);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .CovidPage.StatsBlock h2 {
        color: #fff;
        font-weight: 300;
        font-size: 34px;
        line-height: 110%;
        letter-spacing: -.03em
    }

    .CovidPage.StatsBlock .StatsTime {
        font-weight: bold;
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 40px;
        letter-spacing: .1em;
        text-transform: uppercase
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock:first-child {
        width: 50%
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock .number {
        font-size: 38px
    }

    .CovidPage.StatsBlock .WebsiteWrapper {
        background-color: #fff;
        width: 100%;
        padding: 30px 45px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }

        .CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink {
            padding-left: 9%
        }

            .CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink span {
                color: #57656e;
                font-size: 16px;
                display: block
            }

                .CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink span:first-child {
                    font-family: 'Open Sans Bold'
                }

        .CovidPage.StatsBlock .WebsiteWrapper .GoldLink {
            background: url(../images/icons/right-full.svg) no-repeat right center;
            margin-top: 10px;
            padding-right: 40px !important;
            color: #1d3443 !important;
            font-size: 14px
        }

            .CovidPage.StatsBlock .WebsiteWrapper .GoldLink:hover, .CovidPage.StatsBlock .WebsiteWrapper .GoldLink:focus, .CovidPage.StatsBlock .WebsiteWrapper .GoldLink:active {
                background-image: url(../images/icons/right-full_gold.svg);
                color: #7f6f64 !important
            }

.CovidRefresh {
    margin-bottom: 110px
}

    .CovidRefresh .InfoSectionRight {
        margin-top: 0;
        padding-left: 38px;
        width: 85%
    }

.InfoSectionRight.HealthcareFAQ {
    width: 90%;
    margin-top: 0;
    margin-bottom: 40px
}

    .CovidRefresh .InfoCard1, .CovidRefresh .InfoCard2, .InfoSectionRight.HealthcareFAQ .InfoCard1, .InfoSectionRight.HealthcareFAQ .InfoCard2 {
        background: #fff !important;
        height: auto
    }

    .InfoSectionRight.HealthcareFAQ .InfoCard1 {
        margin-top: 20px
    }

    .InfoSectionRight.HealthcareFAQ .InfoCard2 {
        padding-bottom: 5px;
        margin-bottom: 0
    }

    .CovidRefresh .InfoCard1, .CovidRefresh .InfoCard2, .InfoSectionRight.HealthcareFAQ .InfoCard1, .InfoSectionRight.HealthcareFAQ .InfoCard2 {
        width: 100%;
        margin-left: 0;
        padding-left: 7%;
        border-radius: 5px;
        box-shadow: 0 10px 20px rgba(0,0,0,.05)
    }

        .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
            margin-bottom: 5px !important;
            width: 20% !important
        }

        .CovidRefresh .InfoCard1 .InfoCardsImage, .CovidRefresh .InfoCard2 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
            width: 15%;
            background: none !important;
            position: relative;
            margin-bottom: 20px;
            padding: 0
        }

            .CovidRefresh .InfoCard1 .InfoCardsImage img, .CovidRefresh .InfoCard2 .InfoCardsImage img {
                width: 85%;
                padding-left: 10px
            }

            .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage img, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage img {
                width: 85%;
                padding-left: 0
            }

    .CovidRefresh .peachblock, .InfoSectionRight.HealthcareFAQ .peachblock {
        position: absolute;
        left: 0;
        right: 0;
        height: 25px;
        top: 50%;
        margin-top: -14px;
        background: #d5bfac;
        display: block;
        opacity: .3
    }

    .InfoSectionRight.HealthcareFAQ .peachblock {
        background: #4682b4
    }

    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfocardText, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfocardText {
        color: #4682b4;
        font-size: 18px;
        padding-right: 40px;
        background: url('../images/icons/right-full_default.svg') no-repeat right center !important
    }

.CovidRefresh .InfoCard1 .InfocardText {
    background: url('../images/icons/ThinRightArrowBlue.svg') no-repeat right center !important
}

.CovidRefresh .InfoCard1:hover .InfocardText {
    color: #d5bfac !important;
    background: url('../images/icons/ThinRightArrowGold.svg') no-repeat right center !important
}

.InfoSectionRight.HealthcareFAQ .InfoCard1:hover .InfocardText, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfocardText:hover {
    color: #1d4334 !important;
    background: url('../images/icons/right-full_hover.svg') no-repeat right center !important
}

.InfoSectionRight.HealthcareFAQ .InfoCard1 p:last-child, .InfoSectionRight.HealthcareFAQ .InfoCard2 p:last-child {
    margin-bottom: 50px
}

.InfoSectionLeft.HealthcareFAQ a.btn-primary:hover {
    color: #fff !important;
    background: #4682b4 !important
}

.CovidRefresh .InfoCard2 .InfocardText {
    padding-right: 35px;
    background: url('../images/icons/download.svg') no-repeat right center !important
}

.CovidRefresh .InfoCard2:hover .InfocardText {
    color: #d5bfac !important;
    background: url('../images/icons/downloadGold.svg') no-repeat right center !important
}

.CovidRefresh .InfoCard1 h3, .CovidRefresh .InfoCard2 h3, .InfoSectionRight.HealthcareFAQ .InfoCard1 h3, .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
    color: #1d3443 !important;
    font-family: 'Open Sans';
    line-height: 120%;
    font-weight: 300;
    letter-spacing: -.03em;
    width: 95%;
    height: 96px;
    align-items: flex-end;
    display: flex;
    color: #1d3443 !important
}

.CovidRefresh .InfoCard2 h3 {
    width: 90%
}

.CovidRefresh .InfoCard1:hover h3, .CovidRefresh .InfoCard2:hover h3 {
    color: #1d3443 !important
}

.CovidRefresh .InfoSectionLeft {
    padding-top: 110px;
    margin-top: 15px;
    padding-left: 70px;
    width: 80%
}

.InfoSectionLeft.HealthcareFAQ {
    padding-top: 0;
    margin-top: 0;
    padding-left: 70px;
    width: 80%
}

    .CovidRefresh .InfoSectionLeft h1, .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-family: 'Open Sans Light';
        font-weight: 300;
        font-size: 80px;
        line-height: 112%;
        letter-spacing: -.03em;
        color: #1d3443;
        margin-bottom: 25px
    }

    .CovidRefresh .InfoSectionLeft p, .InfoSectionLeft.HealthcareFAQ p {
        width: 85%
    }

    .CovidRefresh .InfoSectionLeft .ContentUnderPlus, .InfoSectionLeft.HealthcareFAQ .ContentUnderPlus {
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        color: #1d3443;
        margin: 40px 0
    }

    .InfoSectionLeft.HealthcareFAQ .ContentUnderPlus {
        margin: 20px 0
    }

.CovidFAQTitle p, .FAQTitle p, .CovidFAQHeader, .HeaderFAQ, .CovidTabSection .HeadingWrapper, .FAQTabSection .HeadingWrapper {
    text-align: center
}

.CovidFAQTitle p, .FAQTitle p {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    color: #cdad7f;
    letter-spacing: .15em;
    text-transform: uppercase
}

.BackButton {
    display: block;
    padding-left: 35px;
    background: url(../images/icons/left-full_blue.svg) no-repeat left center;
    color: #1d3443;
    font-size: 18px;
    margin-top: 60px
}

    .BackButton:hover, .BackButton:focus {
        background-image: url(../images/icons/left-full_gold.svg);
        color: #7f6f64
    }

.CovidFAQHeader, .HeaderFAQ {
    font-family: 'Open Sans Light';
    font-size: 45px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em;
    color: #1d3443
}

.CovidFAQHeader {
    margin-bottom: 60px
}

.PanelIntro {
    margin: 60px 0 50px
}

    .PanelIntro p {
        font-family: "Open Sans";
        font-size: 18px;
        line-height: 130%;
        color: #1d3443
    }

    .PanelIntro h3 {
        font-family: "Open Sans Bold";
        color: #1d3443;
        font-size: 25px;
        line-height: 136%;
        margin-bottom: 15px
    }

.FAQContainer .panel-group .panel-collapse {
    background: none !important;
    padding: 0 !important
}

.collapseFAQBlock {
    border: .5px solid #bec2c6;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.CovidFAQIntro {
    font-family: 'Open Sans Semi-Bold';
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 45px
}

.collapseFAQBlock .panel-body p:last-child {
    margin-bottom: 40px !important
}

.collapseFAQBlock .panel-body p:first-child {
    margin-top: -5px
}

.collapseFAQBlock .panel-heading h4 {
    font-family: 'Open Sans Semi-Bold';
    font-size: 20px;
    line-height: 130%
}

.collapseFAQBlock .panel-heading .collapsable {
    border: 0 !important;
    padding: 40px 10% 40px 40px !important;
    margin-bottom: 0 !important;
    cursor: pointer;
    background: url(../images/icons/ThinArrowUp.svg) no-repeat top 45px right 2% !important
}

    .collapseFAQBlock .panel-heading .collapsable.collapsed {
        cursor: pointer;
        background: url(../images/icons/ThinArrowDown.svg) no-repeat top 45px right 2% !important;
        margin-bottom: 0 !important
    }

.collapseFAQBlock .panel-body {
    margin-left: 40px !important;
    margin-right: 10% !important;
    margin-bottom: 0
}

    .collapseFAQBlock .panel-body p, .collapseFAQBlock .panel-body span {
        font-size: 18px;
        line-height: 130%;
        color: #57656e;
        margin-bottom: 20px
    }

        .collapseFAQBlock .panel-body p span, .collapseFAQBlock .panel-body ul li span {
            font-size: 18px;
            margin-bottom: 0;
            display: block
        }

    .collapseFAQBlock .panel-body ul li {
        font-size: 18px
    }

    .collapseFAQBlock .panel-body ul span {
        display: block;
        margin-bottom: 0
    }

        .collapseFAQBlock .panel-body ul span.times {
            margin-bottom: 15px
        }

    .collapseFAQBlock .panel-body a {
        color: #cdad7f
    }

        .collapseFAQBlock .panel-body a:hover, .collapseFAQBlock .panel-body a:focus {
            color: #1d4334;
            text-decoration-line: underline
        }

.FAQ-Section .collapseFAQBlock .panel-body p, .FAQ-Section .collapseFAQBlock .panel-body li {
    font-size: 18px;
    line-height: 130%;
    color: #57656e
}

.collapseBIOBlock .panel-body p:last-child {
    margin-bottom: 40px !important
}

.collapseBIOBlock .panel-body p:first-child {
    margin-top: -5px
}

.collapseBIOBlock .panel-heading h4 {
    font-family: 'Open Sans Semi-Bold';
    font-size: 20px;
    line-height: 130%
}

.collapseBIOBlock .panel-heading .collapsable {
    border: 0 !important;
    padding: 40px 10% 40px 40px !important;
    margin-bottom: 0 !important;
    cursor: pointer;
    background: url(../images/icons/ThinArrowUp.svg) no-repeat top 45px right 2% !important
}

    .collapseBIOBlock .panel-heading .collapsable.collapsed {
        cursor: pointer;
        background: url(../images/icons/up-simple.svg) no-repeat top 45px right 2% !important;
        margin-bottom: 0 !important
    }

.collapseBIOBlock .panel-body {
    margin-left: 78px !important;
    margin-right: 10% !important;
    margin-bottom: 20px
}

.doctor-accordin-view .additional-qual-description, .doctor-accordin-view .Additional-Section {
    padding-left: 40px;
    padding-right: 40px
}

    .doctor-accordin-view .Additional-Section .panel-body {
        margin-left: 50px !important
    }

.collapseBIOBlock #collapse_15 .panel-body, .collapseBIOBlock #collapse_16 .panel-body {
    margin-left: 93px !important
}

.collapseBIOBlock #exp_showmore_content, .collapseBIOBlock div#exp_top3 {
    margin: 0 22px
}

.collapseBIOBlock #collapse_20 .panel-body, .collapseBIOBlock #collapse21 .panel-body {
    padding: 0 17px
}

.panel-body.prof-reg {
    margin-bottom: 40px
}

.collapseBIOBlock .bio-conferences-body {
    margin-right: 0 !important
}

.collapseBIOBlock .panel-body p, .collapseBIOBlock .panel-body span {
    font-size: 18px;
    line-height: 130%;
    color: #cdad7f;
    margin-bottom: 17px
}

    .collapseBIOBlock .panel-body p span, .collapseBIOBlock .panel-body ul li span {
        font-size: 18px;
        margin-bottom: 0;
        display: block
    }

.collapseBIOBlock .panel-body ul li {
    font-size: 18px
}

.collapseBIOBlock .panel-body ul span {
    display: block;
    margin-bottom: 0
}

    .collapseBIOBlock .panel-body ul span.times {
        margin-bottom: 15px
    }

.collapseBIOBlock .panel-body a {
    color: #7f6f64;
    text-decoration: none
}

    .collapseBIOBlock .panel-body a:hover, .collapseBIOBlock .panel-body a:visited, .collapseBIOBlock .panel-body a:link, .collapseBIOBlock .panel-body a:active {
        text-decoration: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .collapseBIOBlock .panel-body a:hover, .collapseBIOBlock .panel-body a:focus {
        color: #1d4334;
        text-decoration-line: underline
    }

.Facilities-Section .collapseFacilitiesBlock .panel-body p, .Facilities-Section .collapseFacilitiesBlock .panel-body li {
    font-size: 18px;
    line-height: 130%;
    color: #57656e
}

.BIO-Section .collapseBIOBlock .panel-body p, .BIO-Section .collapseBIOBlock .panel-body li {
    font-size: 18px;
    line-height: 130%;
    color: #57656e
}

.collapseFacilitiesBlock .panel-body p:last-child {
    margin-bottom: 40px !important
}

.collapseFacilitiesBlock .panel-body p:first-child {
    margin-top: -5px
}

.collapseFacilitiesBlock .panel-heading h4 {
    font-family: 'Open Sans Semi-Bold';
    font-size: 20px;
    line-height: 130%
}

.collapseFacilitiesBlock .panel-heading .collapsable {
    border: 0 !important;
    padding: 40px 10% 40px 40px !important;
    margin-bottom: 0 !important;
    cursor: pointer;
    background: url(../images/icons/ThinArrowUp.svg) no-repeat top 45px right 2% !important
}

    .collapseFacilitiesBlock .panel-heading .collapsable.collapsed {
        cursor: pointer;
        background: url(../images/icons/ThinArrowDown.svg) no-repeat top 45px right 2% !important;
        margin-bottom: 0 !important
    }

.collapseFacilitiesBlock .panel-body {
    margin-left: 55px !important;
    margin-right: 10% !important;
    margin-bottom: 0
}

    .collapseFacilitiesBlock .panel-body p, .collapseFacilitiesBlock .panel-body span {
        font-size: 18px;
        line-height: 130%;
        color: #cdad7f;
        margin-bottom: 0
    }

        .collapseFacilitiesBlock .panel-body p span, .collapseFacilitiesBlock .panel-body ul li span {
            font-size: 18px;
            margin-bottom: 0;
            display: block
        }

    .collapseFacilitiesBlock .panel-body ul li {
        font-size: 18px
    }

    .collapseFacilitiesBlock .panel-body ul span {
        display: block;
        margin-bottom: 0
    }

        .collapseFacilitiesBlock .panel-body ul span.times {
            margin-bottom: 15px
        }

    .collapseFacilitiesBlock .panel-body a {
        color: #cdad7f
    }

        .collapseFacilitiesBlock .panel-body a:hover, .collapseFacilitiesBlock .panel-body a:focus {
            color: #1d4334;
            text-decoration-line: underline
        }

.Facilities-Section .collapseFacilitiesBlock .panel-body p, .Facilities-Section .collapseFacilitiesBlock .panel-body li {
    font-size: 18px;
    line-height: 130%;
    color: #57656e
}

.collapseAdditionalBlock a.panel-title {
    display: flex
}

.collapseFacilitiesBlock a.panel-title {
    display: flex
}

.collapseAdditionalBlock .panel-body p:last-child {
    margin-bottom: 40px !important
}

.collapseAdditionalBlock .panel-body p:first-child {
    margin-top: -5px
}

.collapseAdditionalBlock .panel-heading h4 {
    font-family: 'Open Sans Semi-Bold';
    font-size: 20px;
    line-height: 130%
}

.collapseAdditionalBlock .panel-heading .collapsable {
    border: 0 !important;
    padding: 40px 10% 40px 40px !important;
    margin-bottom: 0 !important;
    cursor: pointer;
    background: url(../images/icons/ThinArrowUp.svg) no-repeat top 45px right 2% !important
}

    .collapseAdditionalBlock .panel-heading .collapsable.collapsed {
        cursor: pointer;
        background: url(../images/icons/ThinArrowDown.svg) no-repeat top 45px right 2% !important;
        margin-bottom: 0 !important
    }

.collapseAdditionalBlock .panel-body {
    margin-left: 40px !important;
    margin-right: 10% !important;
    margin-bottom: 0
}

    .collapseAdditionalBlock .panel-body p, .collapseAdditionalBlock .panel-body span {
        font-size: 18px;
        line-height: 130%;
        color: #cdad7f;
        margin-bottom: 20px
    }

        .collapseAdditionalBlock .panel-body p span, .collapseAdditionalBlock .panel-body ul li span {
            font-size: 18px;
            margin-bottom: 0;
            display: block
        }

    .collapseAdditionalBlock .panel-body ul li {
        font-size: 18px
    }

    .collapseAdditionalBlock .panel-body ul span {
        display: block;
        margin-bottom: 0
    }

        .collapseAdditionalBlock .panel-body ul span.times {
            margin-bottom: 15px
        }

    .collapseAdditionalBlock .panel-body a {
        color: #cdad7f
    }

        .collapseAdditionalBlock .panel-body a:hover, .collapseAdditionalBlock .panel-body a:focus {
            color: #1d4334;
            text-decoration-line: underline
        }

.Additional-Section .collapseAdditionalBlock .panel-body p, .Additional-Section .collapseAdditionalBlock .panel-body li {
    font-size: 18px;
    line-height: 130%;
    color: #57656e
}

.Additional-Section .collapseAdditionalBlock .panel-body p, .Additional-Section .collapseAdditionalBlock .panel-body li {
    font-size: 18px;
    line-height: 130%;
    color: #57656e
}

.CovidTabSection, .FAQTabSection {
    display: flex;
    margin: 6% auto 55px
}

    .CovidTabSection .HeadingWrapper, .FAQTabSection .HeadingWrapper {
        margin: 0 auto
    }

    .CovidTabSection .Heading, .FAQTabSection .Heading {
        font-weight: 600;
        font-size: 18px;
        line-height: 163.92%;
        color: #1d3443;
        margin: 0 15px;
        mix-blend-mode: normal;
        opacity: .5
    }

        .CovidTabSection .Heading.active, .FAQTabSection .Heading.active {
            color: #cdad7f;
            padding-bottom: 5px;
            border-bottom: solid 2px
        }

        .CovidTabSection .Heading:hover, .FAQTabSection .Heading:hover {
            cursor: pointer
        }

#FloatingImageBanner.VideoIntroductionWrapper {
    height: 100%;
    overflow: hidden
}

#FloatingImageBanner .VideoImage {
    right: -5px;
    height: auto
}

#FloatingImageBanner .VideoText {
    float: left;
    padding-right: 40%;
    padding-left: 8%;
    width: 80%;
    height: auto;
    padding-top: 5%;
    margin-top: 50px;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    margin-bottom: 120px
}

    #FloatingImageBanner .VideoText .BannerSubHeading {
        font-family: "Open Sans";
        color: #1d3443;
        font-weight: bold;
        font-size: 20px;
        line-height: 130%
    }

    #FloatingImageBanner .VideoText h2 {
        font-size: 45px;
        margin-bottom: 30px
    }

    #FloatingImageBanner .VideoText p, #FloatingImageBanner .VideoText li {
        color: #80898f;
        line-height: 140%;
        font-size: 16px
    }

    #FloatingImageBanner .VideoText li {
        padding-left: 10px
    }

    #FloatingImageBanner .VideoText strong {
        color: #57656e
    }

    #FloatingImageBanner .VideoText li::marker {
        color: #57656e
    }

    #FloatingImageBanner .VideoText .btn-primary {
        display: none
    }

        #FloatingImageBanner .VideoText .btn-primary:hover, #FloatingImageBanner .VideoText .btn-primary:active {
            background: #cdad7f !important;
            color: #fff !important
        }

#FloatingImageBanner .VideoImage img {
    box-shadow: none
}

.VideoCarouselHeading h2.HeadingMiddle {
    line-height: 110%;
    width: 80%
}

.VideoCarouselHeading p {
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    width: 60%;
    margin: 15px auto 30px auto
}

#MediaCarousel, #CancerCarousel {
    margin-bottom: 20px
}

    #MediaCarousel .slick-slide, #CancerCarousel .slick-slide {
        line-height: 0;
        height: auto
    }

        #MediaCarousel .slick-slide:focus, #CancerCarousel .slick-slide:focus {
            outline: 0
        }

    #MediaCarousel .VideoBlock .yt-lazyload {
        width: 100%;
        position: relative !important;
        overflow: hidden;
        cursor: pointer;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        user-select: none
    }

        #MediaCarousel .VideoBlock .yt-lazyload::before {
            content: '';
            width: 100%;
            display: block;
            position: relative;
            padding-top: 56.25%;
            background-color: #000
        }

        #MediaCarousel .VideoBlock .yt-lazyload iframe {
            width: 100% !important;
            height: 100% !important;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 3;
            border: 0
        }

        #MediaCarousel .VideoBlock .yt-lazyload .yt-lazyload-wrap {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding: inherit
        }

            #MediaCarousel .VideoBlock .yt-lazyload .yt-lazyload-wrap .yt-lazyload-content {
                width: 100%;
                height: 100%;
                position: relative;
                background-color: #000;
                background-image: var(--yt-lazyload-img);
                background-size: cover;
                background-position: 50%;
                background-repeat: no-repeat
            }

                #MediaCarousel .VideoBlock .yt-lazyload .yt-lazyload-wrap .yt-lazyload-content .yt-lazyload-playbtn {
                    display: block;
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: 1;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='%23212121' fill-opacity='.8' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E");
                    background-position: 50%;
                    background-size: calc(35px + 10%) auto;
                    background-size: calc(35px + 10%) auto;
                    background-repeat: no-repeat
                }

                    #MediaCarousel .VideoBlock .yt-lazyload .yt-lazyload-wrap .yt-lazyload-content .yt-lazyload-playbtn:hover {
                        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='red' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E")
                    }

#MediaCarouselNav {
    display: flex;
    margin-bottom: 50px
}

    #MediaCarouselNav .slick-arrow {
        top: 42px;
        position: relative;
        box-shadow: none;
        width: 34px;
        height: auto;
        font-size: 20px
    }

        #MediaCarouselNav .slick-arrow.slick-prev {
            background: #e8e9ea url(../images/icons/CarouselArrowLeft.svg) no-repeat center center;
            left: 0;
            margin-right: 15px
        }

        #MediaCarouselNav .slick-arrow.slick-next {
            background: #e8e9ea url(../images/icons/CarouselArrowRight.svg) no-repeat center center;
            right: 0;
            margin-left: 15px
        }

    #MediaCarouselNav .MediaThumbnail {
        margin-right: 20px;
        height: auto;
        opacity: .4;
        cursor: pointer
    }

        #MediaCarouselNav .MediaThumbnail:focus {
            outline: 0
        }

        #MediaCarouselNav .MediaThumbnail.slick-current {
            opacity: 1
        }

        #MediaCarouselNav .MediaThumbnail img {
            width: 150px
        }

            #MediaCarouselNav .MediaThumbnail img:focus {
                outline: 0
            }

.WhiteBlockWrapper {
    background: #fff;
    padding: 50px 65px;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    display: block;
    border-bottom: 20px solid #d5bfac;
    border-radius: 3px;
    margin-bottom: 50px
}

    .WhiteBlockWrapper .CovidVideoHeading {
        margin-bottom: 15px
    }

        .WhiteBlockWrapper .CovidVideoHeading h2 {
            font-size: 45px;
            line-height: 110%
        }

        .WhiteBlockWrapper .CovidVideoHeading .HeadingMiddle {
            padding-bottom: 20px
        }

        .WhiteBlockWrapper .CovidVideoHeading p {
            color: #80898f;
            font-size: 18px;
            line-height: 130%;
            margin-bottom: 5%;
            width: 77%
        }

    .WhiteBlockWrapper .DesktopImage {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px
    }

    .WhiteBlockWrapper .CovidVideoHeading a {
        line-height: 22px;
        font-weight: bold;
        align-items: center;
        margin-bottom: 10px;
        display: table;
        transition: color ease-in-out .4s
    }

.DownloadLink {
    display: table;
    font-size: 16px;
    background: url(../images/icons/download.svg) no-repeat right center;
    padding-right: 35px;
    margin-bottom: 0;
    color: #1d3443
}

    .DownloadLink:hover {
        color: #d5bfac !important;
        background: url(../images/icons/downloadGold.svg) no-repeat right center
    }

.ReadMoreLink {
    display: table;
    font-size: 16px;
    background: url(../images/icons/ThinRightArrowBlue.svg) no-repeat right center;
    padding-right: 25px;
    margin-bottom: 0;
    color: #1d3443
}

    .ReadMoreLink:hover {
        color: #d5bfac !important;
        background: url(../images/icons/ThinRightArrowGold.svg) no-repeat right center
    }

.WhiteGoldBlock {
    background: #fff;
    margin-bottom: 38px;
    border-bottom: 20px solid #d5bfac;
    width: 85%;
    box-shadow: 0 4px 60px rgba(26,34,57,.1);
    border-radius: 3px
}

    .WhiteGoldBlock:hover .DownloadLink {
        color: #d5bfac !important;
        background: url(../images/icons/downloadGold.svg) no-repeat right center !important
    }

    .WhiteGoldBlock a {
        padding: 60px 50px 50px 50px;
        display: block
    }

    .WhiteGoldBlock span {
        display: block;
        font-size: 16px;
        font-family: "Open Sans Bold";
        letter-spacing: .15em;
        text-transform: uppercase;
        color: #d5bfac;
        margin-bottom: 0
    }

    .WhiteGoldBlock h2, .CovidContent h2 {
        font-size: 45px;
        line-height: 110%
    }

    .WhiteGoldBlock p:first-of-type {
        font-weight: normal;
        font-size: 18px;
        line-height: 130%;
        margin-bottom: 12px
    }

.CovidContent {
    margin-bottom: 100px;
    margin-left: 20px
}

    .CovidContent h2 {
        margin-bottom: 40px
    }

    .CovidContent .NewsBlock {
        margin-bottom: 42px
    }

        .CovidContent .NewsBlock p {
            color: #80898f;
            margin-bottom: 12px;
            font-size: 18px;
            line-height: 130%
        }

#HealthcareGrid .GridOne {
    background: url(/portals/0/OneNetcare/PatientPortal/GridOne.jpg)
}

#HealthcareGrid .GridOne, #HealthcareGrid .GridThree, #HealthcareGrid .GridFive {
    display: flex;
    align-items: center
}

#HealthcareGrid .GridTitle, #HealthcareGrid .GridText {
    width: 100%
}

#HealthcareGrid .GridThree .GridTitle, #HealthcareGrid .GridFive .GridTitle {
    width: 65%
}

#HealthcareGrid .GridOne .GridText {
    width: 78%
}

#HealthcareGrid .GridThree .GridText, #HealthcareGrid .GridFive .GridText {
    width: 85%
}

#HealthcareGrid .GridThree .GridText {
    width: 100%
}

#HealthcareGrid .GridText p {
    font-size: 18px;
    line-height: 130%;
    color: #fff;
    font-family: 'Open Sans'
}

#HealthcareGrid .GridContainer {
    padding: 0;
    margin: 0 auto;
    width: 80%
}

#HealthcareGrid .GridTitle {
    color: #fff;
    font-family: 'Open Sans Light';
    font-size: 45px;
    line-height: 111%
}

#HealthcareGrid p {
    font-size: 18px
}

#HealthcareGrid .img-fluid {
    width: 100%
}

#LandingPageGrid .mobile-wrap-image {
    display: none
}

#LandingPageGrid .GridOne {
    background-color: #d5bfac
}

#LandingPageGrid .GridOne, #LandingPageGrid .GridThree, #LandingPageGrid .GridFive {
    display: flex;
    align-items: center
}

#LandingPageGrid .GridTitle, #LandingPageGrid .GridText {
    width: 100%
}

#LandingPageGrid .GridThree .GridText {
    width: 100%
}

#LandingPageGrid .GridText p {
    font-size: 16px;
    line-height: 140%;
    font-family: 'Open Sans'
}

#LandingPageGrid .GridText-1 p {
    color: #1d3443
}

#LandingPageGrid .GridText-3 p {
    color: #fff
}

#LandingPageGrid .GridContainer {
    padding: 0;
    margin: 0 auto;
    width: 80%
}

#LandingPageGrid .GridTitle {
    color: #1d3443;
    font-family: 'Open Sans Light';
    font-size: 30px;
    line-height: 133%
}

#LandingPageGrid .GridTitle-1 {
    color: #1d3443
}

#LandingPageGrid .GridTitle-3 {
    color: #fff !important
}

#LandingPageGrid .GridFive {
    background-color: #fff
}

#LandingPageGrid .LinkArrow {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: 143%;
    background-size: 24px;
    padding-right: 40px;
    letter-spacing: -.03em
}

#LandingPageGrid .LinkArrowOne {
    color: #1d3443;
    background: url(../images/icons/right-full.svg) no-repeat right
}

#LandingPageGrid .LinkArrowThree {
    color: #e4d7cc;
    background: url(../images/icons/right-full_light_gold.svg) no-repeat right
}

    #LandingPageGrid .LinkArrowThree:hover, #LandingPageGrid .LinkArrowOne:hover {
        color: #fff !important;
        background: url(../images/icons/right-long-white.svg) no-repeat right
    }

#LandingPageGrid .LinkArrowFive {
    color: #7f6f64;
    background: url(../images/icons/right-full_gold.svg) no-repeat right
}

    #LandingPageGrid .LinkArrowFive:hover {
        color: #1d3443;
        background: url(../images/icons/right-long-blue.svg) no-repeat right
    }

.CustomerFeedbackSlider .slick-current .SlideText {
    border-bottom: 10px solid #4682b4;
    background-size: 20%
}

.CustomerFeedbackSlider .SlideText {
    border-bottom: 8px solid #4682b4
}

#TextBlock.ipadtextblock h2 {
    font-size: 45px;
    line-height: 111%;
    margin-bottom: 20px
}

#TextBlock.ipadtextblock p {
    width: 70%;
    color: #1d3443;
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 30px
}

#TextBlock a {
    font-family: 'Open Sans';
    background: #1d3443 !important;
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    border-radius: 3px;
    padding: 15px 18px;
    border-radius: 3px
}

.TopBlockWrapper {
    padding-top: 80px
}

.LightBlueBlockWrapper {
    margin-top: -225px;
    margin-bottom: -55px
}

.WelcomeText {
    margin-bottom: 200px;
    width: 61%;
    margin: 0 auto
}

    .WelcomeText .WelcomeTitle {
        font-size: 80px;
        line-height: 112%;
        color: #1d3443;
        letter-spacing: -.03em;
        font-weight: 300;
        margin-bottom: 25px;
        font-family: 'Open Sans Light'
    }

        .WelcomeText .WelcomeTitle span {
            font-family: 'Open Sans Bold'
        }

    .WelcomeText p {
        font-family: "Open Sans Semi-Bold";
        font-size: 18px;
        line-height: 130%;
        color: #80898f;
        letter-spacing: 0
    }

        .WelcomeText p span {
            font-family: "Open Sans"
        }

.TabsWrapper {
    position: relative;
    z-index: 99;
    height: 866px;
    border: 1px solid rgba(255,255,255,.5);
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    border-radius: 5px;
    padding: 40px 0
}

    .TabsWrapper .nav {
        justify-content: center;
        align-items: center;
        border-bottom: 0;
        margin-left: 0;
        margin-bottom: 17px
    }

        .TabsWrapper .nav .nav-item:hover .nav-link:after {
            content: none
        }

        .TabsWrapper .nav .nav-item .nav-link {
            font-family: 'Open Sans Bold';
            border: 0;
            font-size: 16px;
            line-height: 23px;
            letter-spacing: .15em;
            color: #bec2c6;
            padding-top: 0;
            padding-bottom: 0
        }

        .TabsWrapper .nav .nav-item:first-child .nav-link {
            border-right: 2px solid #1d3443;
            border-radius: 0
        }

#TextBlock a:hover {
    background-color: #4682b4 !important;
    color: #fff !important
}

.TabsWrapper .nav .nav-item .nav-link:hover, .TabsWrapper .nav .nav-item .nav-link.active {
    color: #1d3443
}

#TextBlock.ipadtextblock {
    padding-top: 320px;
    padding-bottom: 100px
}

#SplitBanner {
    display: flex;
    width: 100%;
    margin-bottom: 100px
}

    #SplitBanner.WhiteBG {
        background: #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,.05);
        border-radius: 3px
    }

    #SplitBanner .Image {
        width: 44%;
        display: block
    }

        #SplitBanner .Image img {
            width: 100%
        }

    #SplitBanner .Content {
        width: 56%;
        display: flex;
        align-items: center;
        padding: 0 60px 0 100px
    }

        #SplitBanner .Content .TextWrapper h6 {
            color: #80898f;
            margin-bottom: 30px
        }

        #SplitBanner .Content .TextWrapper p {
            font-size: 18px;
            color: #80898f;
            line-height: 130%;
            margin-bottom: 35px
        }

.GoldCard {
    min-height: 600px;
    background: #fff;
    border-bottom: 10px solid #d5bfac;
    border-radius: 0 0 5px 5px;
    margin-top: 60px
}

    .GoldCard img {
        width: 100%;
        border-radius: 5px 5px 0 0
    }

    .GoldCard .TextWrapper {
        padding: 25px;
        width: 82%
    }

        .GoldCard .TextWrapper h3 {
            font-family: 'Open Sans';
            font-size: 30px;
            line-height: 120%;
            color: #1d3443
        }

        .GoldCard .TextWrapper p, .GoldCard .TextWrapper ul {
            color: #1d3443;
            font-size: 14px;
            line-height: 130%
        }

            .GoldCard .TextWrapper p.hours {
                margin-bottom: 15px
            }

        .GoldCard .TextWrapper ul {
            margin-bottom: 25px
        }

        .GoldCard .TextWrapper a:hover {
            color: #7f6f64 !important
        }

        .GoldCard .TextWrapper > a {
            font-size: 16px;
            background: url(../images/icons/right-full.svg) no-repeat right center;
            padding-right: 40px !important
        }

            .GoldCard .TextWrapper > a:hover {
                background-image: url(../images/icons/right-full_gold.svg);
                color: #7f6f64 !important
            }

.VerificationWrapper {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 50px 0
}

    .VerificationWrapper h6 {
        font-family: 'Open Sans Bold';
        font-weight: bold;
        font-size: 15px;
        line-height: 120%;
        text-transform: uppercase;
        margin-top: 30px;
        letter-spacing: .15em;
        margin-bottom: 0
    }

    .VerificationWrapper h2 {
        width: 40%;
        text-align: center;
        margin-bottom: 35px
    }

    .VerificationWrapper p {
        text-align: center;
        margin-bottom: 40px;
        color: #1d3443
    }

        .VerificationWrapper p.errorMessage {
            width: 40%
        }

    .VerificationWrapper a {
        cursor: pointer;
        width: 100%;
        max-width: 250px;
        height: 56px;
        background: #1d3443;
        border-radius: 3px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Open Sans";
        font-size: 16px
    }

        .VerificationWrapper a:hover, .VerificationWrapper a:focus {
            background: #4682b4;
            transition: all .2s ease
        }

uiengine {
    opacity: 1 !important
}

body.dnnEditState #Form {
    height: 100%
}

.NewsBanner .Image {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch
}

    .NewsBanner .Image img {
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        transition: all ease-in-out .4s
    }

.NewsBanner .media-banner-content .media-banner-button {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    margin: 0;
    text-transform: none;
    border-radius: 3px;
    padding: 18px 36px;
    background: #1d3443;
    height: 56px;
    width: max-content
}

    .NewsBanner .media-banner-content .media-banner-button:hover {
        color: #1d3443;
        background: #d5bfac;
        box-shadow: 0 3px 20px rgba(30,53,68,.12)
    }

.NewsBanner .media-banner-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-left: 58px;
    width: 55%;
    height: 100%;
    top: 0
}

    .NewsBanner .media-banner-content .media-banner-header {
        font-family: Open Sans;
        font-weight: bold;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: .15em;
        text-transform: uppercase;
        color: #1d3443;
        margin-bottom: 10px
    }

    .NewsBanner .media-banner-content .media-banner-text {
        font-family: Open Sans Light;
        font-style: normal;
        font-weight: 300;
        font-size: 45px;
        line-height: 111%;
        letter-spacing: -.03em;
        color: #1d3443;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        margin-bottom: 30px
    }

    .NewsBanner .media-banner-content .media-banner-button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 18px 36px;
        background: #1d3443;
        border-radius: 3px;
        flex: none;
        order: 1;
        flex-grow: 0
    }

.align-center {
    text-align: center !important
}

.lightblue {
    background-color: #e7f0f6;
    color: #fff
}

span.boldWord {
    font-weight: bold;
    font-family: 'Open Sans Bold'
}

.topBanner1 {
    position: relative;
    height: 100%;
    background-position-x: 10% !important
}

.bioHeading {
    color: #1d3443;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    margin-top: 15px
}

.doctor-heading {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #1d3443;
    align-self: stretch;
    flex-grow: 0;
    margin: 30px 0
}

.doctor-expertise {
    font-family: Open Sans Bold;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #1d3443;
    margin: 5px 0
}

.doctor-speciality {
    font-family: Open Sans;
    font-size: 14px;
    line-height: 130%;
    color: #1d3443;
    margin-bottom: 30px
}

.doctor-line {
    border: 1px solid #e8e9ea;
    order: 3;
    align-self: stretch;
    flex-grow: 0;
    margin: 40px 0
}

.sub-speciality-span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    display: -webkit-box;
    align-items: center;
    text-align: left;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #1d3443;
    margin: 0 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news-banner-coinmtainer {
    padding-top: 50px
}

div#doctor-avail-label .practice .practiceImage {
    left: 8.33%;
    right: 25%;
    top: 18.75%;
    bottom: 22.92%;
    width: 20px
}

.vectorCamera {
    left: 8.33%;
    right: 25%;
    top: 18.75%;
    bottom: 22.92%;
    width: 25px
}

div#doctor-lan-label .languages .vectorLangauge {
    left: 8.33%;
    right: 25%;
    top: 18.75%;
    bottom: 22.92%;
    width: 25px
}

.sub-speciality-div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    width: fit-content;
    height: 25px;
    left: 0;
    top: 0;
    border-radius: 100px;
    margin-top: 15px;
    margin-right: 15px;
    background: #eee5de
}

.practice {
    margin-bottom: 15px
}

.doctor-avail-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: #1d3443;
    margin-top: 3px
}

.doctor-avail-row {
    padding-top: 35px
}

.doctor-lan-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: #1d3443;
    margin-top: 3px
}

.practice .doctor-icon-text {
    background: url(../images/icons/practice.svg) no-repeat left
}

.doctor-camera .doctor-icon-text {
    background: url(../images/icons/camera-on.svg) no-repeat left
}

.languages .doctor-icon-text-languages {
    background: url(../images/icons/message-circle.svg) no-repeat left
}

.doctor-icon-text {
    display: inline;
    padding-left: 40px;
    color: #1d3443
}

.doctor-icon-text-languages {
    display: inline;
    padding-left: 40px;
    color: #1d3443;
    word-spacing: 3px
}

.show-more:hover {
    color: #1d3443;
    text-decoration: underline
}

.show-more-height {
    height: 45px;
    overflow: hidden
}

.show-more {
    font-size: 14px;
    color: #7f6f64;
    cursor: pointer;
    margin-top: 30px;
    display: inline-block
}

.degreesList {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #80898f;
    margin: 0 16px
}

span.practice {
    width: 100px;
    font-family: Open Sans;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    color: #1d3443;
    margin-right: 15px
}

span.doctor-camera {
    width: 100px;
    padding: 118px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    color: #1d3443
}

span.languages {
    width: 100px;
    padding: 40px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    color: #1d3443
}

.speciality-container {
    display: flex;
    width: 95%;
    flex-wrap: wrap
}

.speciality-list-more {
    position: relative;
    left: 18px;
    top: 18px;
    color: #7f6f64;
    font-family: Open Sans;
    font-size: 14px
}

@media(max-width: 375px) {
    .doctor-heading {
        font-size: 35px
    }

    .doctor-expertise {
        font-size: 13px
    }

    .span.practice {
        display: table-footer-group
    }
}

.doctor-profile-back-to-search {
    margin-bottom: 3px
}

.Additional-Section .additional-heading-icon {
    background: url(../images/icons/family_Physician.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 25px 20px;
    margin-right: 10px
}

.collapseBIOBlock {
    width: 100%;
    margin-right: auto;
    margin-bottom: -25px
}

.Additional-Section {
    margin-bottom: 20px;
    width: 100%;
    margin-right: auto
}

.collapseFacilitiesBlock {
    margin-bottom: 20px;
    width: 100%;
    margin-right: auto
}

.bio-heading .BIO-Section .panel-heading .collapsable {
    padding: 30px 20px 15px 40px !important
}

.bio-publications-body .card-wrap, .bio-conferences-body .card-wrap {
    padding-left: 17px;
    padding-right: 17px
}

.BIO-Section .panel-group .panel-collapse {
    background: none !important;
    padding: 0 !important
}

.BIO-Section .panel-heading .collapsable.collapsed {
    background: url(../images/icons/down-simple.svg) no-repeat 97% center !important;
    color: #1d3443 !important;
    border-bottom: 0 solid #e8e9ea
}

.BIO-Section .bio-heading-icon {
    background: url(../images/icons/user.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 25px 20px;
    margin-right: 10px
}

.navigation-tab-size {
    display: block
}

.BIO-Section .facilities-heading-icon {
    background: url(../images/icons/hospital-facilities.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 25px 20px;
    margin-right: 10px
}

.BIO-Section .facilities-location-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #80898f !important;
    padding-bottom: 15px;
    max-width: 300px;
    display: flex
}

.BIO-Section .doctor-facility-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-bottom: 15px
}

.BIO-Section .facilities-appointment-text :hover {
    color: #1d3443
}

.BIO-Section .request-appoint-link {
    display: inline-block;
    background: url(../images/icons/right-full_gold.svg) no-repeat center right;
    padding-right: 52px;
    font-size: 18px;
    margin-bottom: 20px;
    color: #cdad7f
}

    .BIO-Section .request-appoint-link:hover {
        background: url(../images/icons/right-long-blue.svg) no-repeat center right;
        color: #1d3443
    }

.BIO-Section .facilities-telephone-icon {
    background: url(../images/icons/smartphone.svg) no-repeat center !important;
    background-size: 25px;
    padding: 12px 20px;
    margin-right: 10px;
    padding-left: 0
}

.BIO-Section .facilities-location-icon {
    background: url(../images/icons/map-pin.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 13px 20px;
    margin-right: 10px;
    padding-left: 0
}

.BIO-Section .facilities-ico-icon {
    background: url(../images/icons/info.svg) no-repeat 0;
    background-size: 25px;
    padding-right: 25px;
    padding: 10px 20px;
    margin-right: 10px;
    padding: 43px 15px;
    float: left
}

.BIO-Section .bio-qualification-heading-icon {
    background: url(../images/icons/file-authorise.svg) no-repeat center !important;
    background-size: 25px;
    padding: 25px 20px;
    margin-right: 10px
}

.BIO-Section .bio-publications-heading-icon {
    background: url(../images/icons/report.svg) no-repeat center !important;
    background-size: 25px;
    padding: 25px 20px;
    margin-right: 10px
}

.BIO-Section .bio-conferences-heading-icon {
    background: url(../images/icons/users.svg) no-repeat center !important;
    background-size: 25px;
    padding: 25px 20px;
    margin-right: 10px
}

.BIO-Section .panel-heading .collapsable {
    background: url(../images/icons/up-simple.svg) no-repeat 97% center !important;
    color: #1d3443 !important;
    letter-spacing: normal !important;
    border-bottom: 0 solid #e4d7cc;
    font-weight: normal !important;
    font-size: 20px !important;
    line-height: 26px !important;
    background-position-x: 97% !important
}

.doctor-accordin-view .accordin-title, .BIO-Section .panel-heading .collapsable {
    padding: 30px 45px 15px 45px !important;
    background-position-x: 97% !important
}

.Facilities-Section .panel-heading .collapsable {
    padding: 30px 20px 15px 0 !important
}

.Facilities-Section .panel-heading .collapsable {
    padding: 30px 57px 15px 0 !important
}

.Facilities-Section .panel-group .panel-collapse {
    background: none !important;
    padding: 0 !important;
    margin-top: 15px !important
}

.Facilities-Section .panel-heading .collapsable.collapsed {
    background: url(../images/icons/ThinArrowDown.svg) no-repeat 97% center !important;
    color: #1d3443 !important;
    border-bottom: 0 solid #e8e9ea
}

.Facilities-Section .bio-heading-icon {
    background: url(../images/icons/user.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 25px 20px;
    margin-right: 10px
}

.navigation-tab-size {
    display: block
}

.Facilities-Section .facilities-heading-icon {
    background: url(../images/icons/hospital-facilities.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 10px 20px;
    margin-right: 10px
}

.Facilities-Section .facilities-location-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #80898f;
    padding-bottom: 15px
}

.Facilities-Section .doctor-facility-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-bottom: 15px
}

.BIO-Section .doctor-facility-hours {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-top: 15px
}

.Facilities-Section .facilities-appointment-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -.03em;
    color: #7f6f64;
    padding-bottom: 0
}

.Facilities-Section .request-appoint-link {
    display: inline-block;
    background: url(../images/right-full.svg) no-repeat center right;
    padding-right: 40px;
    font-size: 18px;
    margin-bottom: 20px
}

    .Facilities-Section .request-appoint-link:hover {
        display: inline-block;
        background: url(../images/icons/right-long.svg) no-repeat center right;
        color: #1d3443;
        padding-right: 40px;
        font-size: 18px;
        margin-bottom: 20px
    }

.Facilities-Section .facilities-telephone-icon {
    background: url(../images/icons/smartphone.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 10px 20px;
    margin-right: 10px;
    padding-left: 0
}

.Facilities-Section .facilities-location-icon {
    background: url(../images/icons/map-pin.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 10px 20px;
    margin-right: 10px;
    padding-left: 0
}

.Facilities-Section .facilities-ico-icon {
    background: url(../images/icons/info.svg) no-repeat 0;
    background-size: 25px;
    padding-right: 25px;
    padding: 10px 20px;
    margin-right: 10px;
    padding: 15px 20px;
    float: left
}

.Facilities-Section .bio-qualification-heading-icon {
    background: url(../images/icons/file-authorise.svg) no-repeat center !important;
    background-size: 25px;
    padding: 25px 20px;
    padding-right: 25px;
    margin-right: 10px
}

.Facilities-Section .panel-heading .collapsable {
    padding: 30px 45px 15px 0 !important;
    background: url(../images/icons/ThinArrowUp.svg) no-repeat 98% center !important;
    color: #1d3443 !important;
    letter-spacing: normal !important;
    border-bottom: 0 solid #e4d7cc;
    font-weight: normal !important;
    margin-bottom: 10px !important;
    font-size: 20px !important;
    line-height: 26px !important
}

.Additional-Section .panel-heading .collapsable {
    padding: 30px 20px 15px 0 !important
}

.Additional-Section .panel-heading .collapsable {
    padding: 30px 57px 15px 0 !important
}

.Additional-Section .panel-group .panel-collapse {
    background: none !important;
    padding: 0 !important
}

.Additional-Section .panel-heading .collapsable.collapsed {
    background: url(../images/icons/down-simple.svg) no-repeat 98% center !important;
    color: #1d3443 !important;
    border-bottom: 0 solid #e8e9ea
}

.Additional-Section .bio-heading-icon {
    background: url(../images/icons/user.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 25px 20px;
    margin-right: 10px
}

.Additional-Section .facilities-heading-icon {
    background: url(../images/icons/hospital-facilities.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 10px 20px;
    margin-right: 10px
}

.Additional-Section .facilities-location-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #80898f;
    padding-bottom: 15px
}

.Additional-Section .doctor-facility-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-bottom: 15px
}

.Additional-Section .facilities-appointment-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -.03em;
    color: #7f6f64;
    padding-bottom: 30px
}

.Additional-Section .request-appoint-link {
    display: inherit;
    background: url(../images/right-full.svg) no-repeat center center;
    padding-right: 20px;
    font-size: 18px
}

    .Additional-Section .request-appoint-link:hover {
        background: url(/DesktopModules/MVC/PatientPortalDoctorAppointment/Img/right-long.svg) no-repeat center center;
        color: #1d3443
    }

.Additional-Section .facilities-telephone-icon {
    background: url(../images/icons/smartphone.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 10px 20px;
    margin-right: 10px
}

.Additional-Section .facilities-location-icon {
    background: url(../images/icons/map-pin.svg) no-repeat center !important;
    background-size: 25px;
    padding-right: 25px;
    padding: 10px 20px;
    margin-right: 10px
}

.Additional-Section .facilities-ico-icon {
    background: url(../images/icons/info.svg) no-repeat 0;
    background-size: 25px;
    padding-right: 25px;
    padding: 10px 20px;
    margin-right: 10px
}

.Additional-Section .bio-qualification-heading-icon {
    background: url(../images/icons/file-authorise.svg) no-repeat center !important;
    background-size: 25px;
    padding: 25px 20px;
    padding-right: 25px;
    margin-right: 10px
}

.Additional-Section .panel-heading .collapsable {
    padding: 30px 45px 15px 0 !important;
    background: url(../images/icons/up-simple.svg) no-repeat 98% center !important;
    color: #1d3443 !important;
    letter-spacing: normal !important;
    border-bottom: 0 solid #e4d7cc;
    font-weight: normal !important;
    margin-bottom: 10px !important;
    font-size: 20px !important;
    line-height: 26px !important
}

.doctor-bio-par {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #80898f
}

.BIO-Section .panel-group {
    background: none
}

.Additional-Section .panel-group {
    background: none
}

.doctor-accordin-view {
    padding: 0 60px
}

.additional-qualification-container .accordin-title {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -.03em;
    color: #1d3443
}

.doctor-accordin-view .accordin-title {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 0
}

.HeadingWrapper.nav.nav-tabs {
    padding-bottom: 15px
}

.doctor-bio-degree-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-bottom: 15px;
    padding-top: 15px
}

section .doctor-accordin-view {
    min-height: 100vh;
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.title .accordin-title {
    font-size: 3rem;
    margin: 2rem 0
}

.doctor-bio {
    margin-top: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #fff;
    cursor: pointer
}

.bio-title {
    display: flex;
    align-items: center;
    letter-spacing: .15em;
    justify-content: space-between;
    text-transform: uppercase;
    align-items: center;
    font-family: Open Sans Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 120%
}

.bio-title-text {
    display: flex;
    align-items: center;
    letter-spacing: .15em;
    justify-content: space-between;
    text-transform: uppercase;
    align-items: center;
    font-family: Open Sans Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 120%
}

.bio-title h3 {
    font-size: 1.8rem
}

.bio-description {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1.4s ease
}

.additional-qual-description {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 130%;
    color: #80898f;
    padding: 20px 25px 0 0
}

.doctor-bio-degree-list {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #1d3443;
    padding: 10px 0 0 0
}

.bio-description p {
    padding-top: 1rem;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #80898f
}

.doctor-bio.active .bio-description {
    max-height: 300px;
    animation: fade 1s ease-in-out;
    padding-left: 40px;
    padding-top: 1rem
}

.doctor-bio.active svg {
    transform: rotate(180deg)
}

Div#doctor-bio .bio-title svg {
    transition: transform .5s ease-in
}

.doctor-profile-more-about-container {
    background: #fff;
    border-radius: 5px;
    margin-top: 15px
}

.doctor-additional-qualification {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding: 0 0 25px 0
}

.additional-qualification-container {
    padding: 30px 60px;
    background: #fff
}

.image-form-block .AppointmedImage .InfoBlock {
    padding: 40px;
    margin-top: 150px;
    background: #eee5de;
    min-height: 840px;
    border-radius: 3px 0 0 3px
}

    .image-form-block .AppointmedImage .InfoBlock .backtoSearch {
        background: url(../images/icons/left-full_blue.svg) no-repeat 0;
        padding-left: 40px;
        font-size: 18px;
        color: #1d3443;
        margin-bottom: 40px;
        border: 0;
        font-family: 'Open Sans Semi-Bold';
        font-style: normal;
        font-weight: 600
    }

        .image-form-block .AppointmedImage .InfoBlock .backtoSearch:hover {
            background: url(../images/icons/left-long-gold.svg) no-repeat 0;
            color: #7f6f64;
            border: 0;
            border-radius: 3px
        }

        .image-form-block .AppointmedImage .InfoBlock .backtoSearch:focus {
            outline: 0
        }

    .image-form-block .AppointmedImage .InfoBlock h4 {
        font-family: 'Open Sans Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 133%;
        letter-spacing: -.03em;
        color: #1d3443;
        padding-right: 130px;
        margin-bottom: 40px
    }

    .image-form-block .AppointmedImage .InfoBlock .ProfileImage img {
        border: 3.5px solid #7f6f64;
        border-radius: 100px;
        padding: 5px;
        width: 100px;
        margin-bottom: 15px;
        margin-left: 10px
    }

    .image-form-block .AppointmedImage .InfoBlock h2 {
        font-family: 'Open Sans Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -.03em;
        color: #1d3443;
        align-self: stretch;
        flex-grow: 0;
        margin: 20px 0 10px 0
    }

    .image-form-block .AppointmedImage .InfoBlock p {
        font-family: Open Sans Semi-Bold;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -.03em;
        color: #1d3443;
        align-self: stretch;
        flex-grow: 0;
        margin: 5px 0
    }

    .image-form-block .AppointmedImage .InfoBlock .Availability h2 {
        font-size: 16px;
        line-height: 140%;
        margin: 20px 0 0 0
    }

    .image-form-block .AppointmedImage .InfoBlock .Availability p {
        font-weight: 400;
        opacity: .5
    }

#AppointmedForm.IndividualDoctors > .content > .body .inputWrapper {
    height: 60px
}

#AppointmedForm.IndividualDoctors > .content > .body input {
    padding: 0 20px;
    height: 60px;
    margin: 15px 0
}

    #AppointmedForm.IndividualDoctors > .content > .body input::placeholder {
        font-family: Open Sans;
        font-weight: bold;
        font-size: 13px;
        letter-spacing: .15em;
        text-transform: uppercase;
        opacity: 1;
        color: #80898f
    }

.inverstorLastBlock h5 {
    font-size: 30px
}

.inverstorLastBlock p:last-child {
    font-size: 20px !important
}

.NewsArticle {
    padding-left: 5px
}

    .NewsArticle .TopMargin {
        margin-top: 25px
    }

    .NewsArticle .SectionHeading h6 {
        text-transform: uppercase;
        color: #80898f;
        font-size: 13px;
        font-weight: 700;
        font-family: "Open Sans";
        line-height: 18px;
        margin-bottom: 10px;
        letter-spacing: .15em
    }

    .NewsArticle .Heading {
        color: #1d3443;
        font-size: 20px;
        font-family: "Open Sans";
        line-height: 130%;
        font-weight: 400;
        margin-bottom: 10px;
        letter-spacing: -.03em
    }

    .NewsArticle .ArticleText p {
        color: #80898f;
        font-size: 16px;
        font-family: "Open Sans";
        line-height: 140%;
        font-weight: 400;
        margin-bottom: 17px;
        letter-spacing: -.03em
    }

    .NewsArticle .ArticleLink {
        color: #7f6f64;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Open Sans';
        line-height: 143%;
        background-size: 24px;
        padding-right: 35px;
        letter-spacing: -.03em;
        background: url(../images/icons/right-full_gold.svg) no-repeat right
    }

        .NewsArticle .ArticleLink:hover {
            color: #1d3443;
            background: url(../images/icons/right-long-blue.svg) no-repeat right
        }

    .NewsArticle hr {
        border-color: #e8e9ea;
        margin-bottom: 20px;
        margin-top: 22px
    }

.SearchBannerWrapper {
    position: relative
}

    .SearchBannerWrapper .overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: .2
    }

.no-border-radius {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.SearchBannerWrapper > img {
    width: 100%
}

.SearchBannerWrapper .words {
    position: absolute;
    left: 12%;
    top: 22%;
    width: 50%
}

    .SearchBannerWrapper .words .big-heading {
        font-family: Open Sans Light;
        font-style: normal;
        font-weight: 300;
        font-size: 60px;
        line-height: 120%;
        letter-spacing: -.03em;
        color: #1d3443
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        font-family: 'Open Sans Bold';
        background: url(/portals/0/OneNetcare/Banners/brush-stroke.png) no-repeat right center;
        padding-bottom: 85px;
        padding-right: 0;
        position: relative;
        z-index: 99;
        background-size: 100%
    }

    .SearchBannerWrapper .words .searchBoxWrapper {
        width: 100%
    }

.SearchBannerWrapper .searchBoxWrapper {
    position: absolute;
    left: 12%;
    top: 65%;
    width: 50%
}

    .SearchBannerWrapper .searchBoxWrapper > div input {
        font-family: 'Open Sans' !important;
        font-size: 20px !important;
        color: #1d3443 !important;
        font-weight: 400;
        border: 0 none !important;
        background: #fff;
        border-radius: 3px !important;
        -webkit-box-shadow: 0 6px 20px rgba(30,53,68,.12);
        -moz-box-shadow: 0 6px 20px rgba(30,53,68,.12);
        box-shadow: 0 6px 20px rgba(30,53,68,.12);
        padding: 20px !important;
        height: auto !important;
        line-height: 24px;
        letter-spacing: -.04em;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

    .SearchBannerWrapper .searchBoxWrapper .input-group-append {
        margin-left: 0
    }

#bannerSearchTextbox::placeholder {
    color: transparent;
    background: none
}

#bannerSearchTextbox.grey-text {
    color: #80898f !important;
    font-size: 16px !important
}

#searchModal .modal-dialog .modal-content .modal-body > div input[type=text]:disabled {
    background: #fff;
    color: #80898f !important
}

.search-bar-text {
    position: relative
}

    .search-bar-text li {
        list-style: none;
        padding-bottom: 17px;
        width: 100%;
        border-radius: 3px;
        margin-left: 30px
    }

.smartSearch-search-text {
    padding-top: 20px;
    color: #80898f
}

.search-bar-banner {
    position: relative
}

    .search-bar-banner::after {
        content: attr(data-content);
        position: absolute;
        right: 185px;
        z-index: 200;
        top: 22px;
        color: #80898f;
        font-family: "Open Sans";
        font-size: 16px
    }

.clear-text-banner {
    width: 30px;
    height: 30px;
    z-index: 300;
    right: 60px;
    top: 20px;
    cursor: pointer;
    position: absolute
}

    .clear-text-banner:hover {
        opacity: .8
    }

    .clear-text-banner:after {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        top: 0;
        left: -90px;
        z-index: 3;
        background-image: url(../images/icons/exit.svg);
        background-repeat: no-repeat;
        background-size: 25px
    }

.search-input-banner {
    background: #fff;
    width: 100%;
    border-radius: 5px;
    position: absolute;
    z-index: 200;
    box-shadow: 0 1px 5px 3px rgba(0,0,0,.12)
}

    .search-input-banner.active input {
        border-radius: 5px 5px 0 0
    }

.search-input-banner-rotateText {
    position: absolute;
    z-index: 500;
    background: transparent;
    border-radius: 5px;
    width: 85%;
    display: flex;
    align-items: center;
    padding: 20px;
    font-family: Open Sans;
    font-style: normal;
    font-size: 20px;
    line-height: 130%;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #1d3443
}

.search-input-banner-rotateText-bold {
    position: absolute;
    z-index: 500;
    background: transparent;
    border-radius: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 130%;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #1d3443
}

.search-input-banner .autocomplete-box-banner {
    padding: 0;
    opacity: 0;
    overflow-y: auto;
    max-height: 480px
}

.autocomplete-box-banner::-webkit-scrollbar-thumb {
    background: #bec2c6;
    border: 2px solid #fff
}

.search-input-banner.active .autocomplete-box-banner {
    padding: 10px 20px;
    opacity: 1;
    pointer-events: auto
}

.search-input-background {
    background-image: url(../images/icons/search-white.svg) !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: 27px !important;
    padding: 20px 30px 20px 60px
}

    .search-input-background:hover {
        background-image: url(../images/icons/search.svg) !important
    }

.search-input-banner-button-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -.03em;
    font-family: 'Open Sans Light';
    font-style: normal;
    vertical-align: middle
}

.search-input-banner-button {
    display: block
}

.health-care-information-container {
    display: flex
}

.health-care-information-col {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    width: 100%
}

.autocomplete-box-banner li {
    list-style: none;
    padding-bottom: 17px;
    width: 100%;
    border-radius: 3px
}

.health-care-information-hr {
    margin-top: 15px !important
}

.smart-search-hr {
    margin-top: 10px !important
}

.modal-backdrop.show {
    opacity: .2
}

#searchModal {
    width: 78%;
    left: 10%
}

    #searchModal .header-modal-dialog-search {
        min-height: 50px;
        height: 50px;
        position: absolute;
        top: -53px;
        left: 0;
        right: 0;
        max-width: none
    }

    #searchModal .modal-dialog .modal-content {
        border-radius: 3px
    }

        #searchModal .modal-dialog .modal-content .modal-body {
            padding: 0;
            justify-content: center
        }

            #searchModal .modal-dialog .modal-content .modal-body .form-group {
                margin-bottom: 0
            }

            #searchModal .modal-dialog .modal-content .modal-body > div input {
                font-size: 16px !important;
                color: #1d3443 !important;
                border-radius: 3px !important;
                border: 0 none !important;
                box-shadow: none !important;
                padding: 20px !important;
                height: 50px !important;
                line-height: 122%;
                letter-spacing: -.03em;
                margin-bottom: 0
            }

.search-input {
    background: #fff;
    width: 100%;
    border-radius: 5px;
    position: absolute;
    top: 0;
    z-index: 99;
    box-shadow: none
}

    .search-input.active input {
        margin-bottom: 0;
        height: 48px !important;
        box-shadow: none;
        border-radius: 0 !important;
        background-color: #ebeded !important;
        border: 0
    }

    .search-input .autocomplete-box {
        padding: 0;
        opacity: 0;
        max-height: 480px;
        overflow-y: auto
    }

    .search-input.active .autocomplete-box {
        padding: 40px;
        opacity: 1;
        pointer-events: auto;
        background: #fff;
        border-radius: 3px
    }

.autocomplete-box li {
    list-style: none;
    padding-bottom: 17px;
    width: 100%;
    border-radius: 3px
}

.search-input.active .autocomplete-box li {
    display: block
}

.search-bar {
    position: relative
}

    .search-bar::after {
        content: attr(data-content);
        position: absolute;
        right: 65px;
        z-index: 2;
        top: 15px;
        color: #80898f;
        font-family: "Open Sans"
    }

.clear-text {
    width: 30px;
    height: 30px;
    z-index: 1;
    right: 22px;
    top: 15px;
    cursor: pointer;
    position: absolute
}

    .clear-text:hover {
        opacity: .8
    }

    .clear-text:after {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        top: 0;
        left: 0;
        z-index: 3;
        background-image: url(../images/icons/exit.svg);
        background-repeat: no-repeat;
        background-size: 22px
    }

.search-progress, .search-banner-progress {
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(213,191,172,.3);
    display: none;
    overflow: hidden;
    font-size: .75rem
}

.search-progress-bar, .search-banner-progress-bar {
    z-index: 1000;
    top: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: #3da9d1;
    transition: width 300ms ease-in-out
}

.suggestions-banner, .suggestions {
    padding-left: 0
}

.SmartSearch {
    padding-left: 0;
    margin-bottom: 20px
}

    .SmartSearch .HealthcareProvidersHeading h6, .SmartSearch .HealthcareFacillitesHeading h6 {
        text-transform: uppercase;
        color: #80898f;
        font-size: 15px;
        font-weight: 700;
        font-family: "Open Sans";
        line-height: 120%;
        margin-top: 20px;
        margin-bottom: 17px;
        letter-spacing: .15em
    }

    .SmartSearch .SearchResults, .suggestions .SearchResults, .suggestions-banner .SearchResults {
        margin-bottom: -10px
    }

        .SmartSearch .SearchResults .link-text {
            font-family: Open Sans;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 130%;
            align-items: center;
            letter-spacing: -.03em;
            color: #1d3443;
            margin-bottom: 25px
        }

        .SmartSearch .SearchResults .link-item:hover {
            border-bottom: 1.5px solid #7f6f64
        }

        .suggestions .SearchResults .suggestion-text, .suggestions-banner .SearchResults .suggestion-banner-text, .SearchResults .suggestion-banner-text-new, .SearchResults .suggestion-text-new {
            font-family: Open Sans;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 143%;
            letter-spacing: -.03em;
            color: #1d3443;
            margin-bottom: 20px;
            display: block
        }

            .SearchResults .suggestion-banner-text-new:hover, .SearchResults .suggestion-text-new:hover {
                font-family: Open Sans;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 143%;
                letter-spacing: -.03em;
                color: #3da9d1;
                margin-bottom: 20px
            }

.SearchResults .suggestion-text-new {
    font-size: 16px
}

    .SearchResults .suggestion-text-new:hover {
        font-size: 16px
    }

.SmartSearch .SeeAllLink {
    color: #7f6f64;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: 143%;
    background-size: 24px;
    padding-right: 35px;
    letter-spacing: -.03em;
    background: url(../images/icons/right-full_gold.svg) no-repeat right
}

    .SmartSearch .SeeAllLink:hover {
        color: #1d3443;
        background: url(../images/icons/right-long-blue.svg) no-repeat right
    }

.SmartSearch hr {
    border-color: rgba(213,191,172,.3);
    border-width: 4px 0 0;
    margin-bottom: 25px !important;
    margin-right: 20px
}

.SmartSearch .mobileView {
    display: none
}

#modalSearchTextbox::placeholder {
    font-size: 16px;
    line-height: 122%;
    color: rgba(29,52,67,.3);
    background: url(../images/icons/search_modal_blue.svg) no-repeat 99% center;
    background-size: 23px
}

.smartSearch-no-results {
    padding-top: 20px;
    color: #80898f
}

    .smartSearch-no-results .highlight, .SmartSearch .highlight, .SearchResults .highlight {
        background-color: #fff;
        font-weight: 700
    }

.srat-pill-box {
    position: relative;
    height: 660px;
    width: 550px;
    margin-left: 5px;
    z-index: 200
}

.strat-pill-box-circle {
    height: 375px;
    width: 367px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    top: 88px;
    left: 91px;
    display: flex;
    justify-content: center;
    align-items: center
}

.strat-pill-box-dotted-circle {
    width: 92%;
    position: absolute;
    top: 23px;
    left: 22px
}

.hands-image-wrapper {
    position: relative
}

#strat-pill-1 {
    top: -43px;
    left: 215px
}

    #strat-pill-1 .hand-text {
        top: -40px;
        position: absolute
    }

#strat-pill-2 {
    top: 435px;
    left: 215px
}

    #strat-pill-2 .hand-text {
        position: absolute;
        top: 163px;
        right: 5px
    }

#strat-pill-3 {
    top: 76px;
    left: 428px
}

    #strat-pill-3 .hand-text {
        position: absolute;
        top: -20px;
        right: 22px
    }

    #strat-pill-3 img {
        transform: rotate(60deg)
    }

#strat-pill-4 {
    top: 323px;
    left: 10px
}

    #strat-pill-4 .hand-text {
        position: absolute;
        top: 155px;
        left: 0
    }

    #strat-pill-4 img {
        transform: rotate(-120deg)
    }

#strat-pill-5 {
    top: 76px;
    left: 4px
}

    #strat-pill-5 .hand-text {
        position: absolute;
        bottom: 155px;
        left: 0
    }

    #strat-pill-5 img {
        transform: rotate(-60deg)
    }

#strat-pill-6 {
    top: 323px;
    left: 426px
}

    #strat-pill-6 .hand-text {
        position: absolute;
        top: 145px;
        right: -42px
    }

    #strat-pill-6 img {
        transform: rotate(120deg)
    }

.strat-pill-circle-text {
    display: flex;
    justify-content: center;
    align-items: center
}

.circle-bg-selected {
    background-color: #eee5de;
    box-shadow: 0 3px 20px rgba(30,53,68,.12);
    height: 90%;
    width: 90%;
    border-radius: 100%
}

.strat-pill-box-circle-text {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -.03em;
    color: #1d3443;
    width: 90%;
    margin-bottom: 0;
    padding: 40px
}

.hand-img-text-container {
    position: absolute;
    display: block;
    transition: .5s ease-in-out
}

    .hand-img-text-container:hover {
        transform: scale(1.2)
    }

.hand-text {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    letter-spacing: .1em;
    color: #1d3443;
    margin-top: 5px;
    margin-bottom: 5px
}

.strat-pill-img-rotate {
    transform: rotate(180deg)
}

.strat-pill-content-card {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 60px;
    margin-top: 80px;
    max-width: 580px;
    box-sizing: border-box;
    box-shadow: 0 3px 20px rgba(30,53,68,.12);
    border-radius: 5px;
    min-height: 420px;
    margin-right: 5px;
    margin-left: 85px
}

.strat-pill-content-heading {
    font-family: "Open Sans Light";
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 133%;
    text-align: left;
    letter-spacing: -.03em;
    color: #1d3443
}

.strat-pill-content {
    font-family: "Open Sans";
    font-style: normal;
    font-size: 20px;
    line-height: 130%;
    text-align: left;
    letter-spacing: -.03em;
    color: #1d3443
}

.strat-pill-content-card .LinkArrow {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: 143%;
    background-size: 24px;
    padding-right: 40px;
    letter-spacing: -.03em;
    color: #7f6f64;
    background: url(../images/icons/right-full_gold.svg) no-repeat right
}

    .strat-pill-content-card .LinkArrow:hover {
        color: #1d3443 !important;
        background: url(../images/icons/right-long-blue.svg) no-repeat right
    }

.gradientSeperator {
    height: 240px;
    position: relative;
    background: linear-gradient(360deg,#eee5de 0%,rgba(228,215,204,0) 100%);
    margin-top: -225px;
    z-index: 1
}

#StrategicPillarsSliderNav {
    position: relative;
    width: 250px;
    height: 20px;
    margin: 0 auto
}

    #StrategicPillarsSliderNav .dots {
        position: relative;
        bottom: 26px !important
    }

    #StrategicPillarsSliderNav .prev-arrow.slick-arrow {
        background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
        cursor: pointer;
        position: absolute;
        left: 2px;
        bottom: -15px;
        top: auto;
        background-color: transparent;
        box-shadow: none
    }

    #StrategicPillarsSliderNav .next-arrow.slick-arrow {
        cursor: pointer;
        position: absolute;
        right: 2px;
        background: url(../images/CarouselRightArrow.svg) no-repeat center center;
        bottom: -15px;
        top: auto;
        background-color: transparent;
        box-shadow: none
    }

#StrategicPillarsSlider .StrategicPillarsSlide {
    position: relative;
    margin-top: 220px;
    height: 300px
}

    #StrategicPillarsSlider .StrategicPillarsSlide .circle .inner-content h6, #StrategicPillarsSlider .StrategicPillarsSlide .circle .inner-content p {
        text-align: center
    }

#StrategicPillarsSliderNavWrapper {
    width: 100%
}

#StrategicPillarsSlider .StrategicPillarsSlide .image {
    margin: auto;
    position: relative;
    bottom: 190px
}

#StrategicPillarsSlider .StrategicPillarsSlide .circle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 37.005px;
    position: absolute;
    width: 276px;
    height: 283px;
    background: #fff;
    box-shadow: 0 3.7005px 24.67px rgba(30,53,68,.12);
    border-radius: 370.05px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 200
}

.slick-dotted.slick-slider {
    margin-bottom: 10px
}

.strategic-pillars-mobile, .strategic-pillars-subheader {
    display: none
}

.strategic-pillars-header {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 120px
}

.strat-pill-hands-opacity {
    opacity: .6
}

.key-row1 {
    margin-top: 80px;
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0
}

.key-objective-content {
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 20px
}

.key-contect-style {
    background: #eee5de;
    position: relative;
    height: 100%;
    padding-left: 50px;
    padding-right: 50px
}

.key-objective-row1, .key-objective-row2 {
    display: inline-block;
    margin-bottom: 20px;
    position: relative
}

h6.key-obj-mainHeader {
    font-size: 13px;
    font-family: 'Open Sans';
    color: #80898f;
    text-transform: uppercase;
    letter-spacing: .15em;
    padding-top: 27%;
    margin-bottom: 25px;
    font-weight: bold
}

.key-objective-image-overlay {
    position: absolute;
    z-index: 100;
    top: 1px;
    left: 1px;
    display: none;
    width: 100%
}

.key-image-text {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    left: 30px;
    display: none
}

.key-objective-row1:hover .key-objective-image-overlay {
    display: block
}

.key-objective-row1:hover .key-image-text {
    display: block
}

.key-row2 {
    margin-top: 20px
}

.key-objective-row2:hover .key-objective-image-overlay {
    display: block
}

.key-objective-row2:hover .key-image-text {
    display: block
}

.key-name {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 133%;
    letter-spacing: -.03em;
    color: #fff;
    width: 165px;
    height: 80px;
    margin-bottom: 15px
}

.key-designation {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff
}

.key-obj-header {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 26.2392px;
    line-height: 133%;
    letter-spacing: -.03em;
    color: #1d3443
}

.key-obj-content {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 0
}

.key-objective-content-mobile {
    background: #eee5de;
    border-radius: 4.37319px;
    width: 100%
}

.key-objective-mobile {
    display: none
}

.key-objective-row1:hover .overlayOnImage, .key-objective-row2:hover .overlayOnImage {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: linear-gradient(0deg,#1d3443 3.95%,rgba(58,67,73,.75) 25.36%,rgba(123,123,123,0) 74.31%)
}

#KeyObjectiveSliderNav {
    position: relative;
    width: 250px;
    height: 20px;
    margin: 0 auto
}

    #KeyObjectiveSliderNav .dots {
        position: relative;
        bottom: 26px !important
    }

    #KeyObjectiveSliderNav .prev-arrow.slick-arrow {
        background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
        cursor: pointer;
        position: absolute;
        left: 2px;
        bottom: -15px;
        top: auto;
        background-color: transparent;
        box-shadow: none
    }

    #KeyObjectiveSliderNav .next-arrow.slick-arrow {
        cursor: pointer;
        position: absolute;
        right: 2px;
        background: url(../images/CarouselRightArrow.svg) no-repeat center center;
        bottom: -15px;
        top: auto;
        background-color: transparent;
        box-shadow: none
    }

#KeyObjectiveSlider .KeyObjectiveSlide {
    position: relative;
    justify-content: center;
    padding: 20px 20px 0 20px;
    height: auto
}

#KeyObjectiveSliderNavWrapper {
    width: 100%
}

.governance-structure-header {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 111%;
    letter-spacing: -.03em;
    color: #1d3443;
    text-align: center;
    margin-top: 160px;
    margin-bottom: 80px
}

.governance-structure-card-left {
    background: #fff;
    box-shadow: 0 3px 20px rgba(30,53,68,.12);
    border-radius: 5px;
    padding: 50px
}

.governance-structure-content-header {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 133%;
    letter-spacing: -.03em;
    color: #1d3443
}

.governance-structure-content {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #1d3443
}

ul.governance-structure-content {
    padding-left: 10px
}

.governance-structure-card-right {
    padding: 50px
}

.governance-structure-number-content {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f
}

.gs-stat-section .BigNumber {
    width: fit-content;
    position: relative;
    overflow: hidden;
    padding-right: 50px
}

    .gs-stat-section .BigNumber .Color {
        color: #d5bfac;
        font-family: 'Open Sans Extra Bold'
    }

    .gs-stat-section .BigNumber .Border {
        font-family: 'Open Sans Extra Bold';
        color: transparent;
        border: 0 none !important;
        -webkit-text-stroke: 1.13098px #1d3443;
        position: absolute;
        left: 4px;
        top: -4px
    }

    .gs-stat-section .BigNumber .Hatch {
        font-family: 'Open Sans Extra Bold';
        color: transparent;
        background-size: 300px;
        -webkit-background-clip: text;
        color: transparent;
        background-color: none;
        background-image: linear-gradient(135deg,rgba(0,0,0,0) 45.45%,#b88c61 45.45%,#b88c61 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 95.45%,#b88c61 95.45%,#b88c61 100%);
        background-size: 15px 15px;
        position: absolute;
        left: 8px;
        top: -8px
    }

    .gs-stat-section .BigNumber.Small {
        height: 110px
    }

        .gs-stat-section .BigNumber.Small .Color, .gs-stat-section .BigNumber.Small .Border, .gs-stat-section .BigNumber.Small .Hatch {
            font-size: 100px;
            line-height: 100px;
            height: 110px;
            display: block
        }

    .gs-stat-section .BigNumber .Color .Percentage, .gs-stat-section .BigNumber .Border .Percentage, .gs-stat-section .BigNumber .Hatch .Percentage {
        font-size: 57px;
        line-height: 119%;
        vertical-align: top;
        margin-left: 10px
    }

.blockWrapper .breadcrumb a {
    padding-right: 5px;
    padding-left: 5px
}

html, body {
    font-family: 'Open Sans','Open Sans Bold','Open Sans Light','Open Sans Semi-Bold'
}

.flipCard {
    background-color: #1d3443;
    color: #fff;
    padding: 30px 15px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    border-top: 0 solid #d5bfac;
    height: 280px;
    transition: all ease-in-out .3s
}

.state-clicked {
    border-top: 8px solid #d5bfac;
    margin-top: -28px;
    padding-top: 35px;
    height: 340px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.flipCard.state-clicked svg {
    margin-top: 30px
}

.state-clicked svg.n-icons path {
    stroke: #d5bfac !important;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.cardFrontSide {
    height: auto !important
}

.cardBackSide {
    display: none
}

.state-clicked .cardBackSide {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.cardFrontSide, .cardBackSide {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.flipCard > div {
    position: relative;
    height: 100%
}

.flipCard h4 {
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 24px;
    text-transform: capitalize
}

.flipCard p {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
    margin-bottom: 10px
}

    .flipCard p.gold-font-color {
        font-family: Open Sans;
        font-size: 14px;
        color: #d5bfac;
        margin-top: 0
    }

.flipCard .cardFrontSide .click-link {
    position: relative;
    z-index: 2
}

.click-link {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    color: #e4d7cc !important;
    background: url(../images/ClinicalOutcomes/arrow-right.png) no-repeat right center;
    padding-right: 35px
}

    .click-link:hover {
        padding-right: 35px;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        text-decoration: none;
        cursor: pointer;
        color: #fff !important;
        background: url(../images/ClinicalOutcomes/whiterightArrow.png) no-repeat right center
    }

.blockWrapper {
    padding-top: 40px;
    padding-left: 45px;
    padding-right: 45px
}

    .blockWrapper .breadcrumb {
        background-color: transparent
    }

        .blockWrapper .breadcrumb a {
            color: #7f6f64;
            padding: 0;
            font-size: 14px;
            font-weight: bold;
            font-family: 'Open Sans';
            padding-right: 3px;
            padding-left: 3px
        }

            .blockWrapper .breadcrumb a:last-child {
                color: #80898f;
                padding-left: 3px
            }

            .blockWrapper .breadcrumb a:first-child:hover {
                text-decoration: underline;
                color: #1d3443
            }

    .blockWrapper .braedcrumb a:hover {
        color: #d5bfac
    }

.topBanner_0 h4 {
    font-weight: 300;
    font-size: 3.1vw;
    margin-bottom: 12%;
    font-family: 'Open Sans Light';
    line-height: 120%;
    color: #1d3443
}

.blockWrapper h6 {
    font-size: 13px;
    margin-bottom: 0;
    font-family: 'Open Sans';
    color: #80898f;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-bottom: 10px;
    font-weight: bold
}

.topBanner_0 h5, .ButtomLeftbanner h5, .thumbnailCard h5 {
    font-weight: 300;
    font-size: 2.4vw;
    line-height: 111%;
    font-family: 'Open Sans Light';
    margin-bottom: 40px;
    color: #1d3443
}

.flipCardsHeader h5, .phoneBanner_1 h5, .middleTextContent_1 h5 {
    font-size: 45px;
    line-height: 111%;
    font-family: 'Open Sans Light'
}

.flipCardsHeader h5 {
    margin-bottom: 40px
}

.phoneBanner_1 h5 {
    margin-bottom: 40px
}

.flipCardsHeader p, .phoneBanner_1 p, .middleTextContent_1 p, .thumbnailCard p, .ButtomLeftbanner p {
    font-size: 16px;
    line-height: 140%;
    font-family: 'Open Sans';
    color: #1d3443
}

.blockWrapper h5 strong {
    font-family: 'Open Sans Bold'
}

.topBanner_0 p {
    color: #1d3443;
    font-family: 'Open Sans';
    font-size: 16px;
    margin-bottom: 4%;
    line-height: 140%
}

.blockWrapper .btn-primary {
    margin-top: 20px;
    margin-bottom: 100px
}

.topBanner_0 .btn-primary {
    margin-top: 20px;
    margin-bottom: 0
}

.middleTextContent_1 .btn-primary {
    margin-top: 0;
    margin-bottom: 0
}

.brushStroke {
    background: url(../images/ClinicalOutcomes/brushStroke.png) no-repeat right center;
    padding-bottom: 60px;
    padding-right: 0;
    background-position-x: 8px;
    position: relative;
    z-index: 99
}

.brushStrokeW {
    background: url(../images/ClinicalOutcomes/brushStrokeWhite.png) no-repeat right center;
    padding-bottom: 30px;
    padding-right: 0;
    background-position-x: 3px;
    position: relative;
    z-index: 0;
    text-transform: uppercase
}

img.n-icons {
    margin-bottom: 10px
}

a.go-back {
    position: absolute;
    top: 25px;
    left: 30px;
    width: 26px;
    height: 20px;
    display: none;
    background: url(../images/ClinicalOutcomes/left-long-arrow.png) no-repeat right center
}

.state-clicked a.go-back {
    position: absolute;
    top: 35px;
    left: 30px
}

    .state-clicked a.go-back:hover {
        background: url(../images/ClinicalOutcomes/left-long-arrow.png) no-repeat right center
    }

.bg-Ipone11Pro {
    margin: auto;
    margin-top: -45px;
    text-align: right;
    max-width: 450px
}

ul.inline-list {
    display: flex;
    list-style-type: none;
    margin: 60px auto;
    padding: 0 65px
}

    ul.inline-list li {
        list-style-type: none;
        display: flex;
        margin: auto;
        text-align: center;
        border-right: 1px solid #bec2c6;
        font-family: Open Sans;
        font-weight: normal;
        padding: 15px 30px;
        color: #1d3443;
        font-size: 20px;
        line-height: 130%;
        width: 34%
    }

        ul.inline-list li:last-child {
            border-right: 0 solid #bec2c6
        }

.inner-content {
    width: 70%;
    margin: auto
}

.flipCard .cardFrontSide, .flipCard .cardBackSide {
    padding-left: 20px;
    padding-right: 20px
}

.flipCard .cardFrontSide {
    height: 101px !important;
    position: relative
}

.btn-block a.btn.btn-primary {
    border: 1.5px solid #1d3443;
    box-shadow: none
}

.middleTextContent_1 p {
    font-size: 16px
}

.thumbnailCard {
    background-color: #fff;
    padding: 50px !important;
    -webkit-box-shadow: 0 3px 20px rgba(30,53,68,.12);
    -moz-box-shadow: 0 3px 20px rgba(30,53,68,.12);
    box-shadow: 0 3px 20px rgba(30,53,68,.12);
    border-radius: 5px;
    position: absolute;
    top: 20%;
    bottom: 20%;
    right: 90px;
    width: 40%
}

.blockbanner-1 {
    padding-top: 120px;
    padding-bottom: 20px
}

.middleTextContent_1 {
    padding-top: 120px;
    padding-bottom: 120px
}

.ButtomLeftbanner {
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 12%;
    margin-bottom: 0%
}

.middleTextContent_1 h5 {
    margin-bottom: 40px
}

.topBanner_0 {
    padding-left: 210px
}

.flipCardsHeader {
    padding-top: 120px;
    padding-bottom: 40px
}

.blockWrapper.phoneBanner_1 {
    padding-top: 90px;
    padding-left: 0;
    padding-right: 0
}

.mobi-Image {
    display: none
}

.flipCardswrapper {
    max-width: 1170px;
    padding-bottom: 120px;
    margin: auto
}

.cardBlock_5 {
    position: relative
}

.thumbnailCard .btn-primary {
    margin-bottom: 0
}

.phoneBottomTextCols .textParagraph {
    padding-bottom: 100px
}

.phoneBottomTextCols h4 {
    font-family: 'Open Sans Bold';
    color: #1d3443;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    margin-top: -20px;
    margin-bottom: 40px
}

.phoneBottomTextCols p {
    font-size: 16px;
    line-height: 140%;
    color: #1d3443;
    font-family: 'Open Sans'
}

.phoneBanner_1 .btn-primary {
    margin-bottom: 0
}

.blockWrapper .btn-primary:hover {
    background: #d5bfac !important;
    box-shadow: 0 3px 20px rgba(30,53,68,.12) !important;
    -webkit-box-shadow: 0 3px 20px rgba(30,53,68,.12) !important;
    -moz-box-shadow: 0 3px 20px rgba(30,53,68,.12) !important;
    color: #1d3443 !important;
    border-color: #d5bfac !important
}

.inverstorLastBlock {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0
}

    .inverstorLastBlock .btn-primary {
        margin-top: 0;
        margin-bottom: 0
    }

a.blockClickLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.state-clicked a.blockClickLink {
    z-index: 0
}

.clickBlock {
    position: absolute;
    bottom: 0;
    left: 0;
    left: 0;
    width: 100%
}

.sectionInv_7_1, .sectionInv_7_2 {
    margin-top: 120px;
    margin-bottom: 120px
}

.sectionInv_7 .ButtomLeftbanner {
    padding-left: 0
}

    .sectionInv_7 .ButtomLeftbanner h5 {
        font-size: 2.4vw;
        line-height: 125%;
        margin-bottom: 5%
    }

    .sectionInv_7 .ButtomLeftbanner h6 {
        font-size: 1.2vw;
        line-height: 125%;
        font-family: 'Open Sans Light';
        font-weight: bold;
        color: #1d3443;
        text-transform: initial;
        letter-spacing: initial;
        margin-bottom: 20px
    }

    .sectionInv_7 .ButtomLeftbanner p {
        font-size: 16px;
        margin-bottom: 3%
    }

        .sectionInv_7 .ButtomLeftbanner p:last-child {
            margin-bottom: 0
        }

.sectionInv_7 .img-fluid {
    max-width: 100%;
    height: auto
}

.sectionInv_8 .thumbnailCard {
    background-color: transparent;
    padding: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: absolute
}

.sectionInv_8 .thumbnailCard {
    top: 0;
    bottom: 0;
    right: 14%;
    width: 36%;
    height: 100%;
    display: table
}

.innerCardbody {
    display: table-cell;
    vertical-align: middle
}

.innerCardbodyText {
    background-color: #fff;
    padding: 50px !important;
    -webkit-box-shadow: 0 3px 20px rgba(30,53,68,.12);
    -moz-box-shadow: 0 3px 20px rgba(30,53,68,.12);
    box-shadow: 0 3px 20px rgba(30,53,68,.12);
    border-radius: 5px
}

.sectionInv_6_2 p {
    font-family: Open Sans;
    font-size: 16px;
    color: #1d3443
}

.sectionInv_6_2 a.click-link {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 16px;
    color: #7f6f64 !important;
    background: url(../images/ClinicalOutcomes/right-full_inv.png) no-repeat right center;
    padding-right: 40px
}

    .sectionInv_6_2 a.click-link:hover {
        color: #1d3443 !important;
        background: url(../images/ClinicalOutcomes/right-fullHover_inv.png) no-repeat right center
    }

.inverstorLastBlock_2 {
    max-width: initial;
    margin-top: 0
}

    .inverstorLastBlock_2 .btn-block .btn-default {
        background-color: transparent !important;
        color: #1d3443 !important;
        border: 1.5px solid #bec2c6;
        padding: 17px 75px;
        box-shadow: none
    }

        .inverstorLastBlock_2 .btn-block .btn-default:hover, .inverstorLastBlock_2 .btn-block .btn-default:focus {
            background-color: #1d3443 !important;
            color: #fff !important;
            border: 1.5px solid #1d3443
        }

.sectionInv_7_1 {
    display: table;
    min-height: 494px
}

.sectionInv_3_11 {
    position: initial;
    background-color: transparent;
    padding: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-right: auto;
    width: initial;
    margin-left: 28%;
    min-height: 680px;
    display: table
}

    .sectionInv_3_11 h6 {
        font-family: 'Open Sans Bold';
        font-weight: bold;
        font-size: 24px;
        line-height: 125%;
        color: #1d3443;
        letter-spacing: -.03em;
        text-transform: inherit;
        margin-bottom: 40px
    }

.list-point-block ul > li {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 140%;
    color: #1d3443
}

.sectionInv_3_11 .list-point-block {
    margin-top: 40px;
    margin-bottom: 40px
}

.list-point-block ul {
    padding-left: 10px
}

.sectionInv_3_11 a {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 125%;
    color: #1d3443;
    letter-spacing: -.03em;
    text-transform: inherit
}

.sectionInv_3_12 .sectionInv_3_11 {
    min-height: initial;
    display: table;
    margin-left: 0;
    min-height: 430px
}

.sectionInv_3_12 .blue {
    background-color: #1d3443 !important;
    color: #fff
}

.bg-care-hands {
    background: url(/portals/0/OneNetcare/ClinicalOutcomes/img-investor-qoc-objective-patient-perception.png) no-repeat center right
}

.bg-notesbook-hand {
    background: url(/portals/0/OneNetcare/ClinicalOutcomes/hand-on-book.png) no-repeat center right
}

.bg-care-hands, .bg-notesbook-hand {
    background-size: 100%;
    background-position: 0 0
}

    .bg-care-hands h6 {
        max-width: 221px
    }

.sectionInv_3_12 .innerCardbody {
    padding: 60px;
    padding-top: 100px
}

.sectionInv_3_12 .blue h6, .sectionInv_3_12 .blue p {
    color: #fff
}

.sectionInv_3_12 .white svg.n-icons path {
    stroke: #1d3443 !important;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.sectionInv_3_12 h6 {
    margin-top: 20px;
    margin-bottom: 20px
}

.sectionInv_3_12 p {
    margin-bottom: 0
}

.gradientTop {
    height: 100px;
    position: relative;
    z-index: 999999
}

.colBlock_5_1 {
    background-color: #eee5de;
    padding-right: 155px !important;
    padding-left: 28% !important;
    margin: initial !important
}

.inverstorLastBlock_2 {
    padding-top: 39px
}

.row.sectionInv_3_12.no-gutters {
    position: relative;
    top: 60px
}

.sectionInv_3_12 .sectionInv_3_11 .innerCardbody {
    margin-top: 0;
    padding-top: 100px;
    vertical-align: top
}

.inverstorLastBlock h5 {
    font-size: 30px;
    margin-bottom: 30px
}

.inverstorLastBlock p {
    margin-bottom: 30px
}

.blockbanner-1 .ButtomLeftbanner {
    max-width: 645px
}

.sectionInv_6_2 h5 {
    font-size: 45px
}

#dnn_BottomFullBanner .QoC-section .thumbnailCard {
    width: initial;
    max-width: 700px;
    right: 11%;
    bottom: 10%
}

@media not all and (min-resolution: .001dpcm) {
    #objectiveSafari.key-objective-content {
        padding-bottom: 20px;
        padding-right: 15px;
        bottom: 0;
        top: 0;
        position: absolute;
        margin-bottom: 0 !important
    }

    @media screen and (max-width: 1600px) {
        @supports(-webkit-appearance:none) {
            #responsiveSafari .innerCardbody, #personCentred .innerCardbody {
                display: inline-block;
                vertical-align: top;
                margin-top: 35px
            }
        }
    }

    @media screen and (max-width: 1100px) {
        @supports(-webkit-appearance:none) {
            #responsiveSafari .innerCardbody {
                margin-top: 20px !important
            }
        }
    }

    @media screen and (max-width: 61.95em) {
        @supports(-webkit-appearance:none) {
            #responsiveSafari .innerCardbody {
                vertical-align: bottom !important;
                margin-top: 60% !important
            }

            #personCentred .innerCardbody {
                margin-top: 40% !important
            }

            #AppointmedForm.IndividualDoctors > .content > .body .NetCarePlus .SectionButtons {
                bottom: 140px !important
            }

            #AppointmedForm > .content > .body > div {
                position: absolute
            }

            #AppointmedForm.IndividualDoctors section .SectionButtons {
                bottom: 15%
            }

            #AppointmedForm.IndividualDoctors section .PersonalDetail {
                margin-left: 25px
            }
        }
    }

    @media screen and (max-width: 768px) {
        @supports(-webkit-appearance:none) {
            #personCentred .innerCardbody {
                margin-top: 250px !important
            }

            #personCentred .imgsWrap {
                height: 560px
            }

            #AppointmedForm.IndividualDoctors > .content > .body .NetCarePlus .SectionButtons {
                bottom: -15px !important
            }

            #AppointmedForm.IndividualDoctors > .content > .body {
                height: 0 !important
            }

            #AppointmedForm > .content > .body > div {
                position: relative;
                min-height: 100%;
                height: 0 !important
            }

            #AppointmedForm.IndividualDoctors section .PersonalDetail {
                margin-left: 0
            }
        }
    }

    @media screen and (max-width: 600px) {
        @supports(-webkit-appearance:none) {
            #personCentred .innerCardbody {
                margin-top: 190px !important
            }

            #AppointmedForm.IndividualDoctors > .content > .body .NetCarePlus .SectionButtons {
                bottom: 0 !important
            }
        }
    }

    @media screen and (max-width: 480px) {
        @supports(-webkit-appearance:none) {
            #personCentred .innerCardbody {
                margin-top: 160px !important
            }
        }
    }
}

.errorMsg {
    text-align: center;
    margin-top: -34%
}

    .errorMsg .innerErrorMsg {
        background: #fff;
        padding: 50px
    }

    .errorMsg h2 {
        font-size: 30px;
        line-height: 140%;
        margin-top: 0;
        margin-bottom: 20px
    }

    .errorMsg .err-Back-btn a.back-to-search {
        min-height: initial
    }

.publications-titles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: 0;
    width: 100%
}

    .publications-titles .item {
        padding: 15px;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .publications-titles .card {
        border-radius: 5px;
        padding-bottom: 60px;
        height: 100%;
        border-radius: 5px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        cursor: pointer
    }

    .publications-titles .card-img {
        min-height: 40px
    }

    .publications-titles .item .card-footer {
        border-top: 1px solid #e8e9ea;
        bottom: 0;
        position: absolute;
        width: 100%;
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .publications-titles .item h5.card-title {
        font-family: 'Open Sans Bold';
        font-style: normal;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: -.03em;
        color: #1d3443;
        margin-bottom: 15px;
        margin-top: 40px
    }

    .publications-titles .item .card p.card-text, .publications-titles .item .card p.card-tiny-text, .publications-titles .item .card p.pages {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
        color: #80898f;
        margin-bottom: 0 !important
    }

    .publications-titles .item .card p.pages {
        font-weight: 400
    }

    .publications-titles .item .card p.card-tiny-text span {
        display: initial;
        color: #80898f
    }

    .publications-titles .item .card p.card-text {
        color: #1d3443
    }

    .publications-titles .item .card hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border-color: #e8e9ea
    }

    .publications-titles .item.volumeissue {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

.bio-conferences-body .publications-titles .item .card p.card-text {
    color: #1d3443
}

.bio-conferences-body .publications-titles .item .card p.card-tiny-text {
    margin-top: 20px !important;
    margin-bottom: 70px !important
}

.bio-publications-body h5.doctor-bio-degree-label, .bio-conferences-body h5.doctor-bio-degree-label {
    float: left
}

.bio-publications-body .viewAll-block, .bio-conferences-body .viewAll-block {
    float: right;
    display: block;
    margin-right: 27px
}

    .bio-publications-body .viewAll-block a.card-link, .bio-conferences-body .viewAll-block a.card-link {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        color: #7f6f64;
        line-height: 20px;
        background: url(../images/icons/right-full_gold.svg) center right;
        background-repeat: no-repeat;
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 40px
    }

        .bio-publications-body .viewAll-block a.card-link:hover, .bio-conferences-body .viewAll-block a.card-link:hover {
            background: url(../images/icons/right-long-blue.svg) center right;
            background-repeat: no-repeat;
            color: #1d3443
        }

.publications-titles .item a.card-link {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    background: url(../images/icons/right-full_gold.svg) center right;
    background-repeat: no-repeat;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px
}

    .publications-titles .item a.card-link:hover {
        background: url(../images/icons/right-long-blue.svg) center right;
        background-repeat: no-repeat;
        display: block
    }

.publications-titles .item .card-body {
    padding: 20px
}

.publications-titles .item .researchBadge {
    position: absolute;
    width: 124px;
    height: 35px;
    left: 0;
    top: 0;
    background: #e4d7cc;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 136%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #1d3443;
    text-align: center;
    padding: 10px 0;
    border-top-left-radius: 5px;
    min-width: 140px;
    transition: min-width .5s ease-in-out
}

.publications-titles .card:hover .researchBadgeHover {
    min-width: 100%;
    border-top-right-radius: 5px
}

.publications-titles .item .liteBadge {
    background: #f8f6f4
}

.publications-titles .card-clickable {
    position: absolute;
    min-height: 100%;
    width: 100%
}

.bio-publications-body .textLine {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px !important;
    line-height: 140% !important;
    color: #1d3443 !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important
}

.bio-publications-body h5.doctor-bio-degree-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-bottom: 0;
    margin-bottom: 15px
}

.collapseBIOBlock .bio-publications-body {
    margin-left: 78px !important;
    margin-right: 0 !important;
    overflow: visible
}

.bio-publications-body, .bio-conferences-body {
    opacity: 0;
    height: 0
}

.panel-collapse.publicationsBlock.collapse.show .bio-publications-body, .panel-collapse.publicationsBlock.collapse.show .bio-conferences-body {
    height: initial
}

.publicationsBlock .slick-list {
    width: 100%;
    filter: drop-shadow(0 3px 20px rgba(30,53,68,.12))
}

.bio-conferences-body .calendarBlock {
    background: url(../images/calendar.png) center left;
    background-repeat: no-repeat;
    display: block;
    padding-left: 24px;
    margin-top: 40px;
    padding-top: 4px;
    padding-bottom: 4px
}

    .bio-conferences-body .calendarBlock span {
        padding: 0 20px;
        display: inline;
        float: left;
        font-size: 25px;
        margin: 0;
        color: #1d3443;
        font-weight: 600;
        position: relative;
        top: -14px
    }

    .bio-conferences-body .calendarBlock h6 {
        font-family: 'Open Sans';
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 136%;
        color: #1d3443;
        margin-bottom: 0;
        padding-top: 3px
    }

.bio-conferences-body .item h5.card-title {
    margin-top: 20px
}

#conferencesSliderNav, #publicationsSliderNav {
    position: relative;
    display: inline-block
}

div#conferencesSliderNavWrapper, div#publicationsSliderNavWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

#conferencesSliderNav .dots, #publicationsSliderNav .dots {
    position: relative;
    bottom: 0 !important;
    display: inherit
}

#conferencesSliderNav .slick-dots, #publicationsSliderNav .slick-dots {
    position: relative;
    bottom: 6px;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

#conferencesSliderNav .prev-arrow, #publicationsSliderNav .prev-arrow {
    background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
    cursor: pointer;
    position: relative;
    left: -5px;
    bottom: 0;
    top: auto;
    background-color: transparent;
    box-shadow: none;
    float: left
}

#conferencesSliderNav .next-arrow, #publicationsSliderNav .next-arrow {
    background: url(../images/CarouselRightArrow.svg) no-repeat center center;
    cursor: pointer;
    position: relative;
    right: -5px;
    bottom: 0;
    float: right;
    top: auto;
    background-color: transparent;
    box-shadow: none
}

.IndividualDoctors .nav-tabs {
    border-bottom: 0 solid #dee2e6
}

#publications .publications-all-titles .calendarBlock {
    background: url(../images/icons/Calendar.svg) center left;
    background-repeat: no-repeat;
    display: block;
    padding-left: 24px;
    margin-top: 40px;
    padding-top: 4px;
    padding-bottom: 4px
}

    #publications .publications-all-titles .calendarBlock span {
        padding: 0 20px;
        display: inline;
        float: left;
        font-size: 25px;
        margin: 0;
        color: #1d3443;
        font-weight: 600;
        position: relative;
        top: -14px
    }

    #publications .publications-all-titles .calendarBlock h6 {
        font-family: 'Open Sans';
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 136%;
        color: #1d3443;
        margin-bottom: 0
    }

#publications .publications-all-titles .Location {
    background: url(../images/icons/map-pin.svg) center left;
    background-repeat: no-repeat;
    display: block;
    padding-left: 24px;
    margin-top: 40px
}

    #publications .publications-all-titles .Location h6 {
        font-family: 'Open Sans';
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        color: #1d3443;
        margin-bottom: 20px
    }

#publications .search-heading {
    margin-top: 40px;
    padding-bottom: 20px
}

#publications .backtoSearch {
    display: table;
    background: url(../images/icons/left-full_gold.svg) no-repeat 0;
    padding-left: 40px;
    font-size: 18px;
    color: #7f6f64;
    margin-left: 10px
}

    #publications .backtoSearch:hover {
        background: url(../images/icons/left-long-blue.svg) no-repeat 0;
        color: #1d3443;
        margin-left: 10px
    }

#publications .publications-all-titles .item a.card-link {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    background: url(../images/icons/right-full_gold.svg) center right;
    background-repeat: no-repeat;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px
}

    #publications .publications-all-titles .item a.card-link:hover {
        background: url(../images/icons/right-long-blue.svg) center right;
        background-repeat: no-repeat;
        display: block
    }

#publications .publications-all-titles .item .card-body {
    padding: 20px
}

#publications .publications-all-titles .item .researchBadge {
    position: absolute;
    width: 124px;
    height: 35px;
    left: 0;
    top: 0;
    background: #e4d7cc;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 136%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #1d3443;
    text-align: center;
    padding: 10px 0;
    border-top-left-radius: 5px;
    min-width: 140px;
    transition: min-width .5s ease-in-out
}

#publications .publications-all-titles .card:hover .researchBadgeHover {
    min-width: 100%;
    border-top-right-radius: 5px
}

#publications .publications-all-titles .item .liteBadge {
    background: #f8f6f4
}

#publications .publications-all-titles .card-clickable {
    position: absolute;
    min-height: 100%;
    width: 100%
}

#publications .publications-heading h3 {
    padding-top: 20px;
    padding-bottom: 35px;
    font-size: 40px;
    line-height: 50px;
    color: #1d3443;
    margin-left: 10px;
    font-weight: 400;
    font-family: 'Open Sans';
    font-style: normal;
    letter-spacing: -.03em
}

#publications .publications-all-titles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: 0;
    width: 100%
}

    #publications .publications-all-titles .item {
        padding: 15px;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    #publications .publications-all-titles .card {
        border-radius: 5px;
        padding-bottom: 60px;
        height: 100%;
        border-radius: 5px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

        #publications .publications-all-titles .card a {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

#publications .card-cursor {
    cursor: pointer
}

#publications .publications-all-titles .card-img {
    min-height: 40px
}

#publications .publications-all-titles .item .card-footer {
    border-top: 1px solid #e8e9ea;
    bottom: 0;
    position: absolute;
    width: 100%;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

#publications .publications-all-titles .item h2.card-title, #publications .publications-all-titles .item h5.card-title {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 15px;
    margin-top: 20px
}

#publications .publications-all-titles .item .card p.card-text, #publications .publications-all-titles .item .card p.card-tiny-text, #publications .publications-all-titles .item .card p.authors {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: #80898f;
    margin-bottom: 20px
}

#publications .publications-all-titles .item .card p.card-text {
    margin-bottom: 5px
}

#publications .publications-all-titles .item .card p.authors-list {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #80898f;
    margin-bottom: 20px
}

#publications .publications-all-titles .item .card p.pages {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #80898f;
    margin-bottom: 20px
}

#publications .publications-all-titles .item .card p.pages {
    font-weight: 400
}

#publications .publications-all-titles .item .card p.card-tiny-text span {
    display: initial;
    color: #80898f
}

#publications .publications-all-titles .item .card p.card-text {
    color: #1d3443
}

#publications .publications-all-titles .item .card hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #e8e9ea
}

#publications .publications-all-titles .item.volumeissue {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

#publications .publications-all-titles .item .card p.card-text {
    color: #1d3443
}

.all-publictions {
    margin-left: -15px;
    margin-right: -15px
}

.publications-titles .card.clickNone {
    cursor: initial
}

@media(max-width: 1800px) {
    .CovidBanner .BannerText {
        right: 8%;
        top: 0;
        bottom: 0;
        margin: auto
    }

        .CovidBanner .BannerText h2 {
            width: 100%
        }

    .RightTextBlock {
        padding: 90px 50px 50px 90px
    }

        .RightTextBlock h1 {
            font-size: 60px
        }

    .ListItemWithIcon {
        font-size: 18px
    }

    .AppointmedSignUp .SecondContainer {
        padding-top: 65px
    }

    .AppointmedSignUp .BannerTextAppointMed h1 {
        font-size: 65px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li, .AppointmedSignUp .BannerTextAppointMed p {
        font-size: 18px !important
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 42px !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 18px !important
    }

    .AppointmedSignUp .AppointmedLogoTitle {
        width: 70%
    }

    .topBanner_0 {
        padding-left: 180px
    }

    .cardBlock_5 .thumbnailCard h5 {
        margin-bottom: 35px
    }

    .cardBlock_5 .thumbnailCard p {
        margin-bottom: 35px
    }

    .cardBlock_5 .blockWrapper .btn-primary {
        margin-top: 0
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        width: initial;
        max-width: 690px;
        right: 5%
    }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard {
        width: initial;
        max-width: 614px;
        right: 7%;
        top: 17%;
        bottom: 13%
    }
}

@media(max-width: 1650px) {
    .CovidBanner .BannerText {
        margin: auto;
        height: 95%;
        padding: 35px
    }

        .CovidBanner .BannerText h2 {
            width: 80%;
            font-size: 40px
        }

        .CovidBanner .BannerText .BannerSubHeading {
            font-size: 18px
        }

    .RightTextBlock {
        padding: 70px 20px 0 70px
    }

        .RightTextBlock h1 {
            font-size: 50px;
            margin-bottom: 25px
        }

    .ListItemWithIcon {
        font-size: 17px;
        width: 90%
    }

    .NetcarePlusTopBannerText {
        padding-right: 10%
    }

    .NetcarePlusBannerText p {
        width: 80%
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 60px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li, .AppointmedSignUp .BannerTextAppointMed p {
        font-size: 16px !important
    }

    .AppointmedSignUp a.ANLink {
        width: 20% !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 16px !important
    }

    .blockWrapper h4 {
        margin-bottom: 10%
    }

    .topBanner_0 {
        padding-left: 80px;
        padding-right: 15px
    }
}

@media(max-width: 1600px) {
    .BannerTextAppointMed {
        margin-right: 10%
    }

        .BannerTextAppointMed p {
            font-size: 18px
        }

    .GridTitle {
        font-size: 38px
    }

    .GridOne .GridTitle {
        width: 100%
    }

    .SecondContainer {
        padding-right: 0
    }

    .SquareOne, .SquareTwo, .SquareThree {
        height: 400px;
        padding-top: 20px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background-size: 25%
    }

    .NetcarePlusTopBannerText {
        padding-right: 10%
    }

    .RightTextBlock {
        padding: 70px 20px 0 70px
    }

        .RightTextBlock h1 {
            font-size: 50px;
            margin-bottom: 25px
        }

    .ListItemWithIcon {
        font-size: 17px;
        width: 90%
    }

    div#DoctorInformation .InfoBlock {
        margin-top: -453px
    }

    div#DoctorInformation .ContactInfoBlock {
        margin-top: -218px
    }

    .CovidPage.InfoBlock {
        margin-top: -480px
    }

    .CovidPage.StatsBlock {
        margin-top: -420px
    }

    .ipadwrapper {
        margin-top: -180px;
        padding-right: 90px;
        margin-left: -50px;
        margin-bottom: -25px
    }

    .thumbnailCard {
        top: 12%;
        bottom: 18%;
        right: 8%;
        width: 39.55%
    }

    .colBlock_5_1 {
        top: initial;
        bottom: initial;
        right: initial;
        width: 100%;
        padding-left: 15% !important;
        padding-right: 0 !important
    }
}

@media(max-width: 1500px) {
    .CovidBanner .BannerText {
        right: 4%;
        top: 0;
        bottom: 0;
        margin: auto;
        padding-left: 40px;
        padding-right: 35px
    }

        .CovidBanner .BannerText h2 {
            width: 75%;
            font-size: 35px
        }

        .CovidBanner .BannerText .btn-primary {
            font-size: 14px;
            padding: 15px 38px
        }

            .CovidBanner .BannerText .btn-primary.FamilyConnectButton {
                margin-top: 5px !important
            }

    .NetcarePlusBanner .BannerText {
        right: 5%;
        height: 100%;
        top: 20%;
        width: 40%
    }

        .NetcarePlusBanner .BannerText .BannerPlusInfo {
            top: 60%
        }

    .FAQ-Section .panel-heading .collapsable {
        padding: 30px 20px 15px 0 !important
    }

    .FAQ-Section .accordin-title {
        padding: 30px 20px 15px 0 !important
    }

    .NetcarePlusTopBannerText {
        padding: 5px 61px;
        padding-right: 5%;
        padding-left: 5%
    }

    .NetcarePlusLogo img {
        margin-left: 0%
    }

    .NetcarePlusLogo {
        padding-left: 40px
    }

    .BannerTextAppointMed {
        margin-right: 13%
    }

    .AppointmedLink {
        background-position: 60% !important
    }

    .BannerTitleAppointMed h1, .BannerTitleAppointMed {
        font-size: 50px
    }

    a.ANLink {
        width: 25%
    }

    .GridText p {
        font-size: 16px !important
    }

    .GridText {
        width: 95%;
        padding-top: 15px
    }

    .GridThree .GridTitle, .GridFive .GridTitle {
        width: 75%
    }

    .GridThree .GridText, .GridFive .GridText {
        width: 80%
    }

    .GridContainer {
        padding-top: 14%;
        padding-left: 30px
    }

    .BookAppointmentBannerText p {
        width: 100%
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 50px !important
    }

    .AppointmedSignUp a.ANLink {
        width: 23% !important
    }

    .AppointmedSignUp .BannerTitleAppointMed {
        width: 75%
    }

    .GridThree .AppointmedSignUp .GridText {
        width: 85% !important
    }

    .CovidPage.InfoBlock {
        margin-top: -470px;
        padding: 50px 45px
    }

    .CovidPage.StatsBlock {
        margin-top: -410px
    }

    #LandingPageGrid .GridText p {
        line-height: 120%;
        font-size: 15px !important
    }

    .blockWrapper h5 {
        margin-bottom: 25px
    }

    .phoneBanner_1 h5 {
        margin-bottom: 40px
    }

    .topBanner_0 {
        padding-left: 60px
    }

    .blockWrapper h4 {
        margin-bottom: 5%
    }

    .blockWrapper p {
        margin-bottom: 3%
    }

    .phoneBanner_1 p {
        margin-bottom: 40px
    }

    .inverstorLastBlock p {
        margin-bottom: 30px
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 90px;
        padding-left: 0;
        padding-right: 0
    }

    .thumbnailCard {
        top: 12%;
        bottom: 9%;
        right: 8%;
        width: 36%
    }

    .colBlock_5_1 {
        top: initial;
        bottom: initial;
        right: initial;
        width: 100%;
        padding-left: 15% !important;
        padding-right: 0 !important
    }

    .phoneBanner_1 h5 {
        font-size: 40px
    }

    .sectionInv_8 .thumbnailCard {
        right: 5%;
        width: 46%
    }

    .ipadwrapper {
        margin-top: -175px;
        padding-right: 80px;
        margin-left: 0;
        margin-bottom: -25px
    }

    .ipadtextblock {
        padding-top: 15px;
        padding-left: 35px;
        padding-bottom: 75px
    }

        .ipadtextblock h2 {
            margin-top: 0
        }

    .SearchBannerWrapper .words {
        top: 20%;
        width: 46%
    }

        .SearchBannerWrapper .words .big-heading {
            font-size: 50px
        }

        .SearchBannerWrapper .words .highlighted-you-underlined {
            padding-bottom: 70px
        }
}

@media(max-width: 1475px) {
    #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
        padding: 0 15px 0 15px
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 485px;
        margin: 60px 50px 30px
    }
}

@media(max-width: 1440px) {
    .third-nr-box {
        width: 32% !important
    }

    #AppointmedForm > .content {
        width: 100% !important
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
        font-size: 50px
    }

    .AppointmentBannerText, .BookAppointmentBannerText {
        right: 8%;
        width: 35%;
        height: 85%
    }

    #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
        padding: 10px 15px 0 15px;
        margin-bottom: 15px
    }

    .MoreText {
        font-size: 14px !important
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 485px;
        margin: 60px 50px 30px
    }

        #AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText, .CustomerFeedbackSlider .SlideText {
            padding: 25px 10px 15px
        }

        #AppointMedSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/AppointMedQuotes.svg) no-repeat 50% 6%;
            background-size: 25%
        }

        #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 50% 6%;
            background-size: 25%
        }

        .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 50% 6%;
            background-size: 25%
        }

    .NetcarePlusBannerText p {
        width: 90%
    }

    .ipadwrapper {
        margin-top: -170px;
        padding-right: 70px;
        margin-left: 30px;
        margin-bottom: -25px
    }

    .ipadtextblock {
        padding-top: 20px;
        padding-left: 15px
    }

    footer .footertop .linksblock .link-group {
        margin-right: 20px
    }
}

@media(max-width: 1400px) {
    .third-nr-box {
        width: 32% !important
    }

    #NewsSlider .NewsSlide .Heading, #MediaSlider .MediaSlide .Heading, #ResearchSlider .ResearchSlide .Heading {
        font-size: 22px;
        line-height: 26px
    }

    .CovidBanner .BannerText {
        top: 0;
        bottom: 0;
        margin: auto;
        width: 40%;
        height: 90%;
        padding: 20px 25px
    }

        .CovidBanner .BannerText.MorePadding {
            padding: 35px 50px
        }

        .CovidBanner .BannerText h2 {
            width: 60%
        }

            .CovidBanner .BannerText h2.LongHeading {
                width: 100%
            }

        .CovidBanner .BannerText h3 {
            margin-bottom: 15px
        }

        .CovidBanner .BannerText .BannerSubHeading.mt-2.mb-4 {
            margin: 10px 0 !important
        }

        .CovidBanner .BannerText .TealButton {
            margin-top: 5px !important
        }

    .CovidBlockWrapper {
        margin-right: 80px
    }

    .SpecialistPlusWrapper table td label {
        min-width: 300px !important
    }

    .RightTextBlock {
        padding: 40px 20px 0 40px
    }

        .RightTextBlock h1 {
            font-size: 45px;
            margin-bottom: 25px;
            margin-top: 0
        }

    .ListItemWithIcon {
        font-size: 16px;
        width: 100%;
        margin-bottom: 25px
    }

        .ListItemWithIcon img {
            height: 38px
        }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2, .AppointmentBoxes .box3 {
        width: 125px;
        height: 130px
    }

    .AppointmentHours p {
        font-size: 18px
    }

    .btn-primary.btnAppointment, .btn-primary.btnBuyVoucher {
        width: 256px;
        font-size: 15px
    }

    .AppoinmentCall, .AppointmedLink, .Find {
        font-size: 17px;
        padding-right: 15px;
        padding-left: 30px
    }

    .AppointmentHours {
        padding-top: 55px
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
        font-size: 42px;
        line-height: 55px
    }

    .BookAppointmentBannerText h2 {
        font-size: 40px
    }

    .AppointmentBannerText, .NetcarePlusBannerText, .BookAppointmentBannerText {
        right: 13%;
        width: 30%;
        height: 90%
    }

    .BookAppointmentBannerText {
        width: 33%;
        right: 10%
    }

        .AppointmentBannerText p, .NetcarePlusBannerText p, .BookAppointmentBannerText p {
            font-size: 19px
        }

    .btn-primary.AppointmentPurchase {
        margin-top: 5px
    }

    .AppointmedText, .BookAppointmedText {
        padding: 61px 0 20px 70px;
        margin-top: 20px;
        padding-right: 15%
    }

    .AppointmentLogo, .BookAppointmentLogo {
        padding-left: 70px
    }

    .NetcarePlusLogo {
        margin-top: 30px
    }

    .AppointBlockTwo {
        width: 45%
    }

    .BannerTextAppointMed {
        margin-right: 0
    }

    .NetcarePlusBlockTwo {
        width: 50%
    }

    .AppointMedContentWrapper {
        width: 55%
    }

    .NetcarePlusContentWrapper {
        width: 50%
    }

    .NetcarePlusButton {
        margin-top: 5%
    }

    .NetcarePlusBannerText {
        height: 70%
    }

    .InfoCard1, .InfoCard2 {
        width: 90%
    }

    .NetcarePlusBannerText p {
        width: 100%
    }

    .BroucherDownload {
        margin-left: 60px
    }

    div#DoctorInformation .InfoBlock {
        margin-top: -380px
    }

        div#DoctorInformation .InfoBlock .DoctorName {
            font-size: 68px
        }

    div#DoctorInformation .ContactInfoBlock {
        margin-top: -150px
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section {
        padding: 25px 70px
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 38px !important;
        line-height: 42px !important
    }

    .AppointmedSignUp .ANButton {
        bottom: 10%
    }

    div#dnn_LiveForm .LiveForm.Default .thank-you section {
        padding: 80px !important
    }

    div#dnn_LiveForm .LiveForm.Default .thank-you .FinalDetail {
        margin-top: 0 !important
    }

    #IndividualDoctorSlider {
        padding-right: 36%
    }

    #FloatingImageBanner .VideoImage {
        right: 0
    }

    .CovidPage.InfoBlock {
        margin-top: -410px
    }

    .CovidPage.StatsBlock {
        margin-top: -350px
    }

    #TabsRight {
        padding-right: 15px !important
    }

    #HealthcareGrid .GridTitle {
        font-size: 36px
    }

    .WelcomeText {
        width: 55%
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        width: initial;
        max-width: 600px;
        right: 3%
    }

    .WelcomeText .WelcomeTitle {
        font-size: 70px
    }

    .ipadwrapper {
        padding-right: 70px;
        margin-left: 40px;
        margin-bottom: -25px
    }

    .ipadtextblock {
        padding-top: 0;
        padding-left: 10px;
        margin-right: 15px;
        padding-bottom: 60px;
        padding-right: 40px
    }

    .SearchBannerWrapper .words {
        left: 11%
    }

    .SearchBannerWrapper .searchBoxWrapper {
        left: 11%;
        top: 65%
    }

    .sectionInv_7 .ButtomLeftbanner h5 {
        font-size: 40px;
        margin-bottom: 20px;
        margin-top: 0
    }

    .sectionInv_7 .ButtomLeftbanner h6 {
        font-size: 18px
    }

    .sectionInv_7 .ButtomLeftbanner p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .sectionInv_3_12 .innerCardbody {
        padding: 35px;
        padding-top: 80px
    }

    .bg-Ipone11Pro {
        text-align: right;
        max-width: 500px
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 67px;
        background-size: 95%
    }

    .AnimationText {
        margin-top: 80px
    }

        .AnimationText h2, .AnimationText p {
            margin-bottom: 25px
        }

    .ReuseBanner .CopyContainer-1 h2 {
        font-size: 29px
    }
}

@media(max-width: 1360px) {
    #IndividualDoctorSlider {
        padding-right: 34%
    }

    .sectionInv_8 .thumbnailCard {
        right: 10%;
        width: 40%
    }

    .AnimationText p {
        font-size: 14px
    }
}

@media(max-width: 1330px) {
    #IndividualDoctorSlider {
        padding-right: 32%
    }

    footer .footertop .linksblock .link-group {
        width: 200px
    }
}

@media(max-width: 1300px) {
    .VideoText, .GpVoucherText {
        height: 80%;
        padding: 5%;
        padding-left: 33%
    }

    img.appontmedImage {
        width: 90%
    }

    .AppointmedWrapper {
        margin-top: 5%
    }

    #BigSlider .BigSlide .Image.Orthopaedics, #BigSlider .BigSlide .Image.Paediatrician {
        margin-top: -2%
    }

    .CovidBanner .BannerText {
        right: 3%;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 60%;
        height: 90%;
        padding: 35px 40px
    }

        .CovidBanner .BannerText h2 {
            width: 60%;
            font-size: 30px
        }

        .CovidBanner .BannerText .BannerSubHeading {
            font-size: 16px
        }

    .CovidBlockWrapper {
        padding: 40px 50px
    }

        .CovidBlockWrapper h2 {
            width: 95%
        }

        .CovidBlockWrapper .CovidStats .StatBlock {
            padding-left: 45px
        }

        .CovidBlockWrapper .WebsiteWrapper {
            width: 100%
        }

    #AppointmedForm .steps > ul > li > a > .stepTitle {
        margin-left: 20px
    }

    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item {
        padding: 0;
        width: 80px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 15px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 70%
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 60px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 26px;
        top: 55%
    }

    .FAQ-Section .panel-heading .collapsable {
        padding: 30px 57px 15px 0 !important
    }

    .SpecialistPlusWrapper .ConsultationOptions label {
        min-width: 250px !important
    }

    #AppointmedForm > .content > .body {
        padding: 35px !important
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2, .AppointmentBoxes .box3 {
        width: 120px;
        height: 125px
    }

    .AppointBlockTwo {
        width: 48%
    }

    .AppointMedContentWrapper {
        width: 52%
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2 {
        margin-right: 12px
    }

    .AppointmentBannerText, .NetcarePlusBannerText, .BookAppointmentBannerText {
        right: 10%;
        width: 33%;
        height: 90%
    }

    #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
        padding: 10px 15px 0 15px;
        margin-bottom: 15px;
        font-size: 15px;
        -webkit-line-clamp: 9
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 470px;
        margin: 55px 25px 30px
    }

        #AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText, .CustomerFeedbackSlider .SlideText {
            padding: 25px 10px 15px;
            margin: 3px
        }

    #AppointMedSliderNav .dots, #AppointMedSliderNav.NetcarePlusSliderNav .dots, .CustomerFeedbackSliderNav .dots {
        bottom: 56px !important
    }

    #AppointMedSliderNav .prev-arrow.slick-arrow, #AppointMedSliderNav .next-arrow.slick-arrow, #AppointMedSliderNav.NetcarePlusSliderNav .prev-arrow.slick-arrow, #AppointMedSliderNav.NetcarePlusSliderNav .next-arrow.slick-arrow, .CustomerFeedbackSliderNav .prev-arrow.slick-arrow, .CustomerFeedbackSliderNav .next-arrow.slick-arrow {
        bottom: 14px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/AppointMedQuotes.svg) no-repeat 50% 10%;
        background-size: 25%
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 50% 10%;
        background-size: 25%
    }

    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 50% 10%;
        background-size: 25%
    }

    .NetcarePlusTopBannerText p {
        font-size: 18px !important
    }

    .NetcarePlusTopBannerText h6 {
        font-size: 25px;
        margin-bottom: 25px
    }

    #AppointMedSliderNav.NetcarePlusSliderNav {
        height: 20px
    }

    #AppointMedSliderNav.CustomerFeedbackSliderNav {
        height: 20px !important
    }

    .BannerTitleAppointMed h1, .BannerTitleAppointMed {
        font-size: 42px
    }

    .SecondContainer {
        padding: 70px
    }

    .GridContainer {
        padding-top: 10%;
        padding-left: 20px
    }

    .GridTitle {
        font-size: 34px
    }

    .GridText {
        padding-top: 0;
        width: 100%
    }

    .ANButton {
        padding-top: 20px
    }

    .SquareOne, .SquareTwo, .SquareThree {
        height: 360px;
        margin: 10px
    }

    .LogoBoxes img {
        margin-top: 20px
    }

    .BookAppointmentBannerText {
        width: 35%
    }

    .AppointmedSignUp .SecondContainer {
        padding-right: 50px
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 42px !important
    }

    .AppointmedSignUp .BannerTextAppointMed p {
        margin-bottom: 18px
    }

    .AppointmedSignUp a.ANLink {
        width: 30% !important
    }

    .AppointmedSignUp .AppointmedLogoTitle {
        width: 95%;
        margin-top: 60px
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1 {
        padding: 0 !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you p {
        font-size: 20px !important;
        padding: 0 !important
    }

    div#ConsultWeekDayHours, div#ConsultWeekendHours {
        margin: 16px 22px 15px 0
    }

    #BigSlider.BannerContent {
        height: 500px !important
    }

        #BigSlider.BannerContent .BigSlide .Content {
            padding: 50px 65px
        }

    .CovidPage.StatsBlock .CovidStats .StatBlock .number {
        font-size: 34px
    }

    .CovidRefresh .InfoSectionLeft, .InfoSectionLeft.HealthcareFAQ {
        width: 90%
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage, .CovidRefresh .InfoCard2 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        width: 17%
    }

    .CovidRefresh .InfoCard1 h3, .CovidRefresh .InfoCard2 h3, .InfoSectionRight.HealthcareFAQ .InfoCard1 h3, .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
        width: 90%
    }

    #TextBlock.ipadtextblock {
        padding-top: 70%
    }

    .WelcomeText {
        width: 50%
    }

        .WelcomeText .WelcomeTitle {
            font-size: 60px
        }

    #HealthcareGrid .GridTitle {
        font-size: 32px
    }

    .blockWrapper p {
        font-size: 16px
    }

    .phoneBanner_1 p {
        font-size: 16px
    }

    .blockWrapper .btn-primary, .blockWrapper .btn-default {
        font-size: 14px
    }

    .topBanner_0 {
        padding-left: 15px;
        padding-right: 0;
        padding-bottom: 0
    }

    .blockWrapper .breadcrumb {
        background-color: transparent;
        padding-bottom: 0
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 90px;
        padding-left: 0;
        padding-right: 0
    }

    .ButtomLeftbanner {
        margin-top: 10%;
        margin-bottom: 10%
    }

    .sectionInv_7_1 {
        min-height: 404px;
        margin-top: 0;
        margin-bottom: 0
    }

    .sectionInv_7_1, .sectionInv_7_2 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .thumbnailCard {
        top: 13%;
        bottom: 14%;
        right: 75px;
        width: 46%
    }

    .inverstorLastBlock p {
        font-size: 16px
    }

    .inverstorLastBlock a {
        margin-bottom: 0 !important
    }

    .sectionInv_6_2 h5 {
        font-size: 35px
    }

    .sectionInv_6_2 p {
        font-size: 16px
    }

    .blockWrapper .breadcrumb a {
        padding-right: 5px;
        padding-left: 5px
    }

    .blockWrapper.thumbnailCard.sectionInv_3_11 {
        top: initial;
        bottom: initial;
        right: initial;
        margin-left: 9%
    }

    .colBlock_5_1 {
        top: initial;
        bottom: initial;
        right: initial;
        width: 100%;
        padding-left: 15% !important;
        padding-right: 0 !important
    }

    .sectionInv_8 .thumbnailCard {
        right: 2%;
        width: 49%
    }

    .blockbanner-1 {
        padding-top: 30px;
        padding-bottom: 0
    }

    .topBanner_0 p {
        font-size: 1.33vw
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        width: initial;
        max-width: 560px
    }

        #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard p {
            margin-bottom: 0
        }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard p {
        margin-bottom: 30px
    }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard {
        top: 12%
    }

    footer .footertop .linksblock .link-group {
        width: 180px
    }

    .NewsArticle .TopMargin {
        margin-top: 0 !important
    }

    .NewsArticle .Heading {
        font-size: 18px
    }

    .image-form-block .AppointmedImage .InfoBlock h2, .image-form-block .AppointmedImage .InfoBlock .row p {
        margin-left: 15px
    }
}

@media(max-width: 1240px) {
    #IndividualDoctorSlider {
        padding-right: 29%
    }

    .CovidPage.InfoBlock {
        margin-top: -360px
    }

    .CovidPage.StatsBlock {
        margin-top: -300px
    }

    .ipadtextblock {
        padding-right: 0
    }
}

@media(max-width: 1200px) {
    #HomePageGoldBlock .btn {
        min-width: 170px
    }

    .WelcomeBlock {
        margin-right: 10%
    }

    .CoverAIRContainer img {
        width: 80%
    }

    .CoverAIRContainer a {
        top: 82px
    }

    h4.AIRSsubHeading {
        top: 20px;
        width: 80%
    }

    .ipadwrapper {
        margin-top: -155px;
        padding-right: 50px
    }

    .ipadtextblock p {
        margin-bottom: 25px;
        font-size: 14px
    }

    #BigSlider {
        height: 620px
    }

        #BigSlider .BigSlide .Content {
            padding: 70px
        }

    .BigSliderBlock {
        height: 530px
    }

        .BigSliderBlock .Slider {
            top: 480px
        }

    .SmallSliderBlock {
        height: 250px
    }

    #NewsSlider .NewsSlide .Heading, #MediaSlider .MediaSlide .Heading, #ResearchSlider .ResearchSlide .Heading {
        font-size: 20px;
        line-height: 27px
    }

    #NewsSlider .NewsSlide p, #NewsSlider .NewsSlide p em, #NewsSlider .NewsSlide p strong, #MediaSlider .MediaSlide p, #MediaSlider .MediaSlide p em, #MediaSlider .MediaSlide p strong, #ResearchSlider .ResearchSlide p, #ResearchSlider .ResearchSlide p em, #ResearchSlider .ResearchSlide p strong {
        font-size: 14px;
        line-height: 22px
    }

    #NewsSlider .NewsSlide, #MediaSlider .MediaSlide, #ResearchSlider .ResearchSlide {
        padding: 60px 40px
    }

    .VideoText, .GpVoucherText {
        height: 84%;
        padding-top: 3.5%
    }

    .LogoLine .LogoText {
        display: block;
        margin-top: 8px
    }

    .LogoLine .LineText .brush-stroke {
        position: absolute;
        width: 5%;
        left: 230px;
        top: 50px
    }

    .LineText {
        width: 45%
    }

    .third-nr-box {
        width: 49% !important
    }

    .listing-columns {
        -moz-column-count: 4;
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4
    }

    LineHeader h4 {
        font-size: 14px
    }

    #BigSlider .BigSlide .Image.Orthopaedics, #BigSlider .BigSlide .Image.Paediatrician {
        margin-top: 0
    }

    .AppointmedWrapper {
        margin-top: 0
    }

    .IconWrapper {
        margin-left: -2%
    }

    .AppointmedWrapper p {
        margin-bottom: 25px
    }

    img.appontmedImage {
        width: 100%
    }

    .CovidBanner .BannerText {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        width: 70%;
        height: 92%;
        padding: 30px 40px
    }

        .CovidBanner .BannerText a {
            margin: 12px 0 20px 0
        }

    .Breadcrumb {
        padding: .75rem 0
    }

    .CovidBlockWrapper {
        margin-right: 60px;
        padding: 40px
    }

        .CovidBlockWrapper .CovidStats .StatBlock {
            padding-left: 40px
        }

        .CovidBlockWrapper .WebsiteWrapper {
            width: 100%
        }

    #AppointmedForm .steps > ul > li > a > .stepTitle {
        width: 83%;
        font-size: 16px
    }

    #AppointmedForm .steps > ul > li.current > a > .stepTitle {
        font-size: 18px;
        width: 55%;
        margin-top: 0 !important
    }

    #AppointmedForm.IndividualDoctors .steps > ul > li > a > .stepTitle {
        width: 83%;
        font-size: 16px
    }

    #AppointmedForm.IndividualDoctors .steps > ul > li.current > a > .stepTitle {
        font-size: 18px;
        width: 55%;
        margin-top: 0 !important
    }

    #AppointmedForm > .content > .body h2, div#dnn_LiveForm .LiveForm.Default h2, .DoctorHeading h2 {
        width: 94%;
        font-size: 35px
    }

    #AppointmedForm.IndividualDoctors > .content > .body h2, div#dnn_LiveForm .LiveForm.Default h2, .DoctorHeading h2 {
        width: 94%;
        font-size: 35px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 14px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 85%
    }

    .NetcarePlusBanner .BannerText {
        height: 100%
    }

        .NetcarePlusBanner .BannerText .BannerPlus {
            font-size: 52px
        }

        .NetcarePlusBanner .BannerText .BannerPlusInfo {
            font-size: 23px
        }

    .FAQ-Section .panel-heading .collapsable {
        padding: 30px 49px 14px 0 !important
    }

    .FAQ-Section .panel-heading .collapsable {
        font-size: 18px !important
    }

    .SpecialistPlusWrapper .ConsultationOptions label {
        min-width: 300px !important
    }

    .GPOption, .MedOption, .VirtualOption {
        width: 32% !important
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2, .AppointmentBoxes .box3 {
        width: 105px;
        height: 115px
    }

    .AppointBlockTwo {
        width: 47%
    }

    .AppointMedContentWrapper {
        width: 53%
    }

    .btn-primary.btnAppointment, .btn-primary.btnBuyVoucher {
        width: 244px
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        padding-left: 5px
    }

    .AppointmentBannerText, .NetcarePlusBannerText, .BookAppointmentBannerText {
        right: 8%;
        width: 35%;
        height: 90%
    }

        .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
            font-size: 42px;
            margin-bottom: 15px;
            line-height: 50px
        }

        .AppointmentBannerText p, .NetcarePlusBannerText p, .BookAppointmentBannerText p {
            font-size: 18px
        }

    .btn-primary.AppointmentPurchase {
        margin-top: 0;
        padding: 12px
    }

    .AppointmentButton {
        margin-top: 12%
    }

    .AppointmentBannerText p, .NetcarePlusBannerText p, .BookAppointmentBannerText p {
        margin-bottom: 15px
    }

    .SecondContainer {
        padding: 70px;
        padding-top: 40px
    }

    img.ANArrow {
        padding-top: 0
    }

    .GridTitle {
        font-size: 32px;
        line-height: 120%
    }

    a.ANLink {
        width: 28%;
        position: absolute;
        font-size: 14px
    }

    .LogoTextAppointmed p {
        font-size: 16px
    }

    .SquareOne, .SquareTwo, .SquareThree {
        height: 290px
    }

    .LogoBoxes img {
        margin-top: 10px
    }

    .LogoTextAppointmed {
        margin-top: 30px
    }

    .NetcarePlusContentWrapper {
        margin: 3% 0 0 0
    }

    .NetcarePlusBannerText {
        right: 10%;
        height: 80%
    }

    .NetcarePlusLogo img {
        margin-left: 0%
    }

    .VoucherCardWrapper .VoucherCard {
        padding: 40px
    }

        .VoucherCardWrapper .VoucherCard p {
            font-size: 14px
        }

        .VoucherCardWrapper .VoucherCard .VoucherPrice {
            font-size: 35px
        }

    div#DoctorInformation .InfoBlock {
        margin-top: -280px
    }

        div#DoctorInformation .InfoBlock .DoctorName, .CovidPage.InfoBlock .InfoBlockTitle {
            font-size: 60px
        }

    div#DoctorInformation .ContactInfoBlock {
        margin-top: -65px
    }

        div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn, div#DoctorInformation .ContactInfoBlock .CallNetcare, div#DoctorInformation .ContactInfoBlock .CallDoctor {
            width: 298px
        }

    .BookAppointmentBannerText {
        width: 40%;
        right: 5%
    }

    .AppointmedSignUp .SecondContainer {
        padding-right: 15px;
        padding-top: 35px
    }

    .AppointmedSignUp .BannerTextAppointMed {
        margin-right: 20%
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 30px !important;
        line-height: 38px !important
    }

    .GridOne .AppointmedSignUp .GridTitle {
        width: 95% !important
    }

    .GridThree .AppointmedSignUp .GridTitle, .GridFive .AppointmedSignUp .GridTitle {
        width: 98% !important
    }

    .GridFive .AppointmedSignUp .GridText {
        width: 80% !important
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        margin-left: 25px
    }

    .DoctorProfile .inputWrapper {
        width: 39%
    }

    div#ConsultWeekDayHours, div#ConsultWeekendHours {
        width: 35%
    }

    #BigSlider.BannerContent {
        height: 470px !important
    }

        #BigSlider.BannerContent .BigSlide .Content {
            padding: 30px 65px
        }

        #BigSlider.BannerContent .Content p {
            font-size: 18px
        }

    #IndividualDoctorSlider {
        padding-right: 27%
    }

    .CovidPage.InfoBlock {
        margin-top: -340px;
        padding: 50px 30px
    }

    .CovidPage.StatsBlock {
        margin-top: -280px
    }

        .CovidPage.StatsBlock .StatsDetails {
            padding: 30px 20px 10px 20px
        }

        .CovidPage.StatsBlock .WebsiteWrapper {
            padding: 30px 20px 40px 20px
        }

    .CovidRefresh .InfoSectionLeft, .InfoSectionLeft.HealthcareFAQ {
        width: 100%
    }

    .CovidRefresh .InfoSectionRight {
        padding-left: 20px
    }

    .WhiteGoldBlock {
        width: 90%
    }

    .CovidContent {
        margin-left: 0
    }

    #TextBlock.ipadtextblock {
        padding-top: 80%
    }

    .WelcomeText {
        width: 53%
    }

        .WelcomeText .WelcomeTitle {
            font-size: 55px
        }

    #TextBlock.ipadtextblock h2 {
        font-size: 42px
    }

    #TextBlock.ipadtextblock p {
        width: 80%
    }

    .media-banner-content {
        width: 55%
    }

        .media-banner-content .media-banner-text {
            font-size: 35px
        }

    .topBanner_0 {
        padding-left: 15px;
        padding-right: 0;
        padding-top: 15px;
        padding-bottom: 0 !important
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 90px;
        padding-left: 0;
        padding-right: 0
    }

    .thumbnailCard {
        top: 10%;
        bottom: 10%;
        right: 45px;
        width: 47%;
        padding: 30px !important
    }

    ul.inline-list {
        padding: 0 15px
    }

    .sectionInv_8 .thumbnailCard {
        right: 20px;
        width: 50%
    }

    .sectionInv_7 .ButtomLeftbanner {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }

        .sectionInv_7 .ButtomLeftbanner h5 {
            font-size: 35px;
            margin-bottom: 15px;
            margin-top: 0
        }

        .sectionInv_7 .ButtomLeftbanner h6 {
            font-size: 16px
        }

        .sectionInv_7 .ButtomLeftbanner p {
            font-size: 16px;
            margin-bottom: 15px
        }

    .ButtomLeftbanner {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .sectionInv_7_1, .sectionInv_7_2 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .sectionInv_3_12 .innerCardbody {
        padding: 30px;
        padding-top: 30px
    }

    .sectionInv_3_12 .sectionInv_3_11 {
        min-height: 402px
    }

    .colBlock_5_1 {
        top: initial;
        bottom: initial;
        right: initial;
        width: 100%
    }

    .topBanner_0 .breadcrumb {
        margin-top: 20px;
        margin-bottom: 11px
    }

    .topBanner_0 h4 {
        margin-bottom: 3%
    }

    .topBanner_0 .btn-primary {
        margin-top: 0;
        margin-bottom: 0
    }

    .phoneBanner_1 .btn-primary {
        margin-top: 0
    }

    .phoneBottomTextCols h4 {
        margin-top: -27px
    }

    .phoneBanner_1 h5, .phoneBanner_1 p {
        margin-bottom: 35px
    }

    .innerCardbodyText {
        padding: 30px !important
    }

    .NewsBanner .media-banner-content {
        margin-left: 38px;
        width: 60%
    }

        .NewsBanner .media-banner-content .media-banner-text {
            font-size: 30px
        }

    .SearchBannerWrapper .words .big-heading {
        font-size: 45px
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 62px;
        background-size: 94%
    }

    SearchBannerWrapper .words > div input {
        font-size: 16px !important
    }

    .SmartSearch .HealthcareProvidersHeading h6, .SmartSearch .HealthcareFacillitesHeading h6 {
        font-size: 13px
    }

    .srat-pill-box {
        transform: scale(.9)
    }

    .strategic-pillars-header {
        margin-top: 80px;
        margin-bottom: 80px
    }

    footer .footertop .linksblock {
        justify-content: flex-end
    }

        footer .footertop .linksblock .link-group {
            width: 215px
        }

    .AnimationText {
        margin-bottom: 20px;
        margin-top: 40px
    }

        .AnimationText h2 {
            font-size: 40px;
            line-height: 111%
        }

        .AnimationText h2, .AnimationText p {
            margin-bottom: 15px
        }

    #animationWrapper {
        height: 500px
    }

    .ReuseBanner .CopyContainer, .ReuseBanner .CopyContainer-1 {
        padding: 40px
    }

    .cardBlock_5 .thumbnailCard h5 {
        margin-bottom: 25px
    }

    .cardBlock_5 .thumbnailCard p {
        margin-bottom: 20px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 550px
    }

    .image-form-block .AppointmedImage .InfoBlock .ProfileImage img {
        width: 95px
    }

    .image-form-block .AppointmedImage .InfoBlock {
        margin-top: 120px
    }

        .image-form-block .AppointmedImage .InfoBlock h4 {
            padding-right: 50px
        }
}

@media(max-width: 1160px) {
    #AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
        margin: 0 auto;
        display: block
    }

    #IndividualDoctorSlider {
        padding-right: 24%
    }

    #HealthcareGrid .GridTitle {
        font-size: 30px
    }

    #HealthcareGrid .GridText p {
        font-size: 15px !important
    }

    .ipadwrapper {
        margin-top: -150px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 525px
    }
}

@media(max-width: 1125px) {
    .AppointmedText, .BookAppointmedText {
        padding: 30px 0 0 55px;
        padding-right: 10%
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        font-size: 16px;
        padding-right: 15px;
        padding-left: 0
    }

    .AppointmentLogo, .BookAppointmentLogo {
        padding-left: 60px
    }

    .HoursWrapper {
        padding-bottom: 16px
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section {
        padding: 25px 45px
    }

    div#dnn_LiveForm .LiveForm.Default .thank-you section {
        padding: 60px 0 !important
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock {
        padding-left: 30px
    }

    #IndividualDoctorSlider {
        padding-right: 22%
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 515px
    }
}

@media(max-width: 1100px) {
    #LandingPageGrid .GridContainer {
        width: 80% !important
    }

    #LandingPageGrid .GridTitle {
        font-size: 25px !important;
        line-height: 120%
    }

    #LandingPageGrid .GridText p {
        font-size: 14px !important;
        margin-bottom: 18px !important
    }

    #BigSlider {
        height: 580px
    }

    .CovidBanner .BannerText {
        width: 80%;
        height: 90%;
        top: 10px;
        padding: 15px 40px
    }

        .CovidBanner .BannerText h3 {
            font-size: 38px;
            width: 70%
        }

        .CovidBanner .BannerText a {
            margin-bottom: 15px
        }

        .CovidBanner .BannerText .BtnWrapper {
            margin-top: -10px
        }

    #AppointmedForm .steps > ul > li > a > .stepTitle {
        margin-left: 10px
    }

    #AppointmedForm .steps > ul > li.current > a > .stepTitle {
        width: 80%
    }

    #AppointmedForm > .content > .body input {
        padding-left: 2px
    }

    #AppointmedForm > .content > .body textarea::placeholder {
        font-size: 14px !important
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
        margin-right: 10px !important
    }

    #AppointmedForm.IndividualDoctors .steps > ul > li > a > .stepTitle {
        margin-left: 10px
    }

    #AppointmedForm.IndividualDoctors .steps > ul > li.current > a > .stepTitle {
        width: 80%
    }

    #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group .btn-checkbox {
        margin-right: 10px !important
    }

    .NetcarePlusWrapper p {
        padding-right: 20% !important;
        margin: 20px 0 !important
    }

    .NetcarePlusWrapper p {
        padding-right: 20%;
        margin: 20px 0
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 32%;
        padding: 7px 32px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 13px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 89%
    }

    .RightTextBlock {
        padding: 20px 30px
    }

        .RightTextBlock h1 {
            font-size: 40px;
            margin-bottom: 20px;
            margin-top: 0
        }

    .ListItemWithIcon {
        font-size: 15px;
        width: 100%;
        margin-bottom: 20px
    }

        .ListItemWithIcon img {
            height: 38px
        }

    .AppointBlockTwo, .NetcarePlusBlockTwo {
        width: 50%
    }

    .AppointMedContentWrapper, .NetcarePlusContentWrapper {
        width: 50%
    }

    .AppointmedText, .BookAppointmedText {
        padding: 30px 0 5px 55px;
        margin-top: 20px;
        padding-right: 4%
    }

    .btn-primary.btnAppointment, .btn-primary.btnBuyVoucher {
        width: 245px;
        height: 43px
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        padding-right: 15px;
        padding-left: 0
    }

    .AppointmentBannerText, .NetcarePlusBannerText, .BookAppointmentBannerText {
        right: 5%;
        width: 40%;
        height: 90%
    }

        .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
            font-size: 37px;
            margin-bottom: 15px;
            width: 85%;
            line-height: 45px
        }

        .AppointmentBannerText p, .NetcarePlusBannerText p, .BookAppointmentBannerText p {
            font-size: 18px
        }

    .btn-primary.AppointmentPurchase {
        height: 45px;
        margin-top: 0;
        width: 215px;
        padding-top: 10px
    }

    .AppointmentBannerText p, .NetcarePlusBannerText p, .BookAppointmentBannerText p {
        margin-bottom: 15px;
        line-height: 29px
    }

    .HoursWrapper {
        padding-bottom: 16px
    }

    #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
        padding: 8px 8px 0 8px;
        margin-bottom: 15px;
        font-size: 15px
    }

    .SecondContainer {
        padding: 45px
    }

    .SquareOne, .SquareTwo, .SquareThree {
        width: 100%;
        margin: 10px
    }

    .LogoBoxes {
        padding: 5%
    }

    .AppointBlockTwo {
        width: 50%
    }

    .GridThree .GridTitle, .GridFive .GridTitle {
        width: 85%
    }

    .GridTitle {
        font-size: 29px
    }

    .GridText p {
        font-size: 14px !important;
        margin-bottom: 0
    }

    #AppointMedSlider .SlideText p {
        padding: 8px 8px 0 8px;
        margin-bottom: 15px;
        font-size: 15px
    }

    .NetcarePlusTopBannerText {
        padding-right: 2%;
        padding: 0 25px
    }

        .NetcarePlusTopBannerText p {
            margin-bottom: 15px
        }

    .btn-primary.btnBuyVoucher {
        width: 215px
    }

    .NetcarePlusTopBannerText h6 {
        margin-bottom: 15px
    }

    .NetcarePlusBannerText h2 {
        margin-bottom: 20px
    }

    .NetcarePlusBannerText p {
        margin-bottom: 20px
    }

    .NetcarePlusLogo {
        padding-left: 30px
    }

    .InfoSectionLeft {
        width: 90%
    }

    .InfoCard1, .InfoCard2 {
        width: 90%
    }

    div#DoctorInformation .InfoBlock .DoctorName, .CovidPage.InfoBlock .InfoBlockTitle {
        font-size: 50px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 60% !important
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        margin-left: 15px
    }

    .BookAppointmentBannerText h2 {
        width: 100%;
        font-size: 37px
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 27px !important;
        line-height: 38px !important
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 40px !important;
        margin-bottom: 15px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li, .AppointmedSignUp .BannerTextAppointMed p {
        font-size: 14px !important
    }

    .AppointmedSignUp .ANButton {
        padding-top: 10px
    }

    .GridFive .AppointmedSignUp .GridText {
        width: 90% !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 15px !important
    }

    div#dnn_LiveForm .LiveForm.Default .thank-you section {
        padding: 40px 0 !important
    }

    .DoctorProfile #watermark {
        left: 45px
    }

        .DoctorProfile #watermark #bg-text {
            font-size: 270px !important
        }

    div#ConsultWeekendHours {
        width: 45%
    }

    div#ConsultWeekDayHours {
        width: 100%
    }

    #BigSlider.BannerContent {
        height: 420px !important
    }

        #BigSlider.BannerContent .BigSlide .Content {
            padding: 20px 35px
        }

    #IndividualDoctorSlider {
        padding-right: 19%
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock {
        padding-left: 25px
    }

    .CovidPage.InfoBlock {
        margin-top: -310px
    }

        .CovidPage.InfoBlock .InfoBlockDescription {
            font-size: 18px;
            line-height: 140%
        }

    .CovidPage.StatsBlock {
        margin-top: -250px
    }

    #FloatingImageBanner .VideoText {
        padding-left: 6%;
        padding-right: 35%
    }

    .CovidRefresh .InfoSectionLeft, .InfoSectionLeft.HealthcareFAQ {
        padding-left: 40px;
        padding-top: 20px
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage, .CovidRefresh .InfoCard2 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        width: 20%
    }

    .CovidRefresh .InfoCard1 h3, .CovidRefresh .InfoCard2 h3, .InfoSectionRight.HealthcareFAQ .InfoCard1 h3, .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
        width: 100%
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        width: 100%;
        font-size: 38px !important
    }

    .HeaderFAQ {
        padding: 0 20px
    }

    .TopBlockWrapper {
        padding-top: 60px
    }

    .WelcomeText {
        width: 55%
    }

    #HealthcareGrid .GridTitle {
        font-size: 27px
    }

    .ipadwrapper {
        margin-top: -140px
    }

    .NewsArticle .ArticleText p {
        display: none
    }

    .SearchBannerWrapper .words {
        left: 10%;
        top: 20%;
        width: 46%
    }

        .SearchBannerWrapper .words .big-heading {
            font-size: 40px
        }

        .SearchBannerWrapper .words .highlighted-you-underlined {
            padding-bottom: 54px;
            background-size: 90%
        }

    .srat-pill-box {
        transform: scale(.85)
    }

    .SearchBannerWrapper .searchBoxWrapper {
        left: 10%;
        width: 55%
    }

    .AnimationText h2 {
        font-size: 30px
    }

    .ReuseBanner .ImageContainer, .ReuseBanner .ImageContainer-1 {
        width: 45%
    }

    .ReuseBanner .CopyContainer, .ReuseBanner .CopyContainer-1 {
        width: 55%;
        padding: 30px
    }

        .ReuseBanner .CopyContainer-1 h2, .ReuseBanner .CopyContainer h2 {
            margin-bottom: 15px
        }

        .ReuseBanner .CopyContainer-1 p, .ReuseBanner .CopyContainer p {
            margin-bottom: 20px
        }

    #dnn_BottomFullBanner .sectionInv_8 .thumbnailCard {
        width: initial;
        max-width: 513px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 500px
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 60px
    }
}

@media(max-width: 1060px) {
    #IndividualDoctorSlider {
        padding-right: 16%
    }

    .NewsBanner .media-banner-content {
        margin-left: 25px
    }

    .srat-pill-box {
        transform: scale(.8)
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 480px
    }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard {
        bottom: 13px
    }
}

@media(max-width: 1024px) {
    #BigSlider {
        height: 570px
    }

        #BigSlider .BigSlide .Content {
            padding: 45px
        }

    .VideoText, .GpVoucherText {
        padding-top: 2%
    }

    #NewsSlider .NewsSlide .GoldLink, #MediaSlider .MediaSlide .GoldLink, #ResearchSlider .ResearchSlide .GoldLink {
        bottom: 7%
    }

    footer .footertop .FooterLink {
        padding-right: 10%
    }

    .CovidBlockWrapper {
        margin-right: 30px
    }

        .CovidBlockWrapper .CovidStats .StatBlock {
            padding-left: 25px
        }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 46%
    }

    #AppointmedForm > .content > .body {
        padding: 27px !important
    }

    #AppointmedForm.IndividualDoctors > .content > .body {
        padding: 27px !important
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2, .AppointmentBoxes .box3 {
        width: 85px;
        height: 100px
    }

    .AppointBlockTwo, .NetcarePlusBlockTwo {
        width: 50%
    }

    .AppointMedContentWrapper, .NetcarePlusContentWrapper {
        width: 50%
    }

    .FindHealthCare {
        font-size: 15px
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 38px !important
    }

    .AppointmedSignUp .BannerTextAppointMed p {
        margin-bottom: 12px
    }

    .GridOne .AppointmedSignUp .GridText {
        width: 80% !important
    }

    .AppointmedSignUp .ANButton {
        padding-top: 8px !important
    }

    .DoctorProfile .inputWrapper {
        width: 45%
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock .number {
        font-size: 32px
    }

    #IndividualDoctorSlider {
        padding-right: 12%
    }

    .TabsWrapper .nav .nav-item .nav-link {
        font-size: 14px
    }

    #HealthcareGrid .GridOne .GridText {
        width: 95%
    }

    .media-banner-content {
        width: 60%
    }

    .ipadwrapper {
        margin-top: -140px;
        padding-right: 40px
    }

    .NewsArticle hr {
        margin-bottom: 18px;
        margin-top: 20px
    }

    .srat-pill-box {
        transform: scale(.75)
    }

    .cardBlock_5 .thumbnailCard h5, .cardBlock_5 .thumbnailCard p {
        margin-bottom: 15px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 465px
    }

    .image-form-block .AppointmedImage .InfoBlock .ProfileImage img {
        width: 85px
    }
}

@media(max-width: 61.95em),(max-width:991px) {
    header {
        height: 90px
    }

    #BodyWrapper {
        padding-top: 90px
    }

    h2 {
        font-size: 35px;
        line-height: 40px
    }

    .doctor-accordin-view h2 {
        padding-left: 35px
    }

    h3 {
        font-size: 25px;
        line-height: 35px
    }

    #BodyWrapper section {
        padding: 50px 0 !important
    }

    .MobileImage, .CovidBanner .MobileImage {
        display: block
    }

    .DesktopImage, .CovidBanner .DesktopImage {
        display: none
    }

    .LoginButton {
        display: block !important;
        position: absolute;
        right: 80px;
        padding: 15px 30px !important
    }

    .yearSelector {
        margin-left: -15px
    }

    .NewsListingItem {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        padding-left: 5px
    }

    .LineHeader {
        margin-bottom: 25px;
        padding-left: 5px
    }

        .yearSelector label, .LineHeader h4 {
            font-size: 12px;
            padding-left: 0
        }

    .location-list {
        padding-left: 5px
    }

    .education-block {
        min-height: 440px
    }

        .education-block h4 {
            padding: 5px 20px
        }

    .LiveForm.Default .Field .Field-Container-Wide {
        display: block !important
    }

    .LiveForm.Default .Field input, .LiveForm.Default .Field textarea, .LiveForm.Default .Field select {
        width: 100% !important
    }

    ul.page-break-section li {
        padding-left: 0 !important
    }

    .MapDetails {
        padding-right: 40px
    }

    .DnnModule-SharePriceInformation {
        width: 100%
    }

    .SubPage .DnnModule-SharePriceInformation {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .DnnModule-SharePriceGraphMvc {
        width: 100%
    }

        .DnnModule-SharePriceGraphMvc .SharePriceGraph {
            padding: 0;
            margin-bottom: 72px
        }

    #graph-6979 {
        width: 100%;
        padding-right: 0
    }

        #graph-6979 h3 {
            margin-top: 0;
            line-height: 24px
        }

    #graph-canvas-7099 text {
        font-style: normal;
        fill: #80898f
    }

    .IRSharePrice {
        height: auto
    }

    .IRSharePrice {
        padding: 20px 30px;
        border-left: 0
    }

    .SharepriceHeading {
        display: none
    }

    SharePriceInfo.shareprice-price-control h3 {
        font-family: "Open Sans";
        font-size: 24px;
        line-height: 28px;
        color: #1d3443;
        letter-spacing: -.03em;
        font-weight: 600;
        margin-bottom: 25px
    }

    .Reports {
        margin-right: 0;
        padding: 0
    }

    .CoverAIRContainer img {
        width: 100%
    }

    .CoverAIRContainer a {
        top: 72px
    }

    h4.AIRSsubHeading {
        top: 15px;
        width: 90%
    }

    .ActionLinks .ActionLinkItem {
        height: 185px;
        padding: 0
    }

        .ActionLinks .ActionLinkItem:first-child a .text, .ActionLinks .ActionLinkItem:nth-child(2) a .text, .ActionLinks .ActionLinkItem:nth-child(3) a .text {
            border-bottom: 1px solid #e8e9ea;
            padding-bottom: 83px
        }

        .ActionLinks .ActionLinkItem:nth-child(3) a, .ActionLinks .ActionLinkItem:nth-child(6) a {
            border-right: 1px solid transparent
        }

        .ActionLinks .ActionLinkItem a:hover .text {
            padding-bottom: 10px;
            border-bottom: 0
        }

        .ActionLinks .ActionLinkItem a:hover {
            height: 185px;
            padding: 40px 30px
        }

            .ActionLinks .ActionLinkItem a:hover .texthover {
                display: none
            }

    .PeachPlus, .BluePlus, .CovidBlockWrapper h2, .LightBluePlus {
        background-size: 18px;
        padding-left: 21px;
        padding-top: 14px;
        font-size: 40px;
        line-height: 45px
    }

    .ContentUnderPlus {
        margin-left: 21px
    }

    #BodyWrapper section.Animation {
        padding-bottom: 160px !important;
        padding-top: 40px !important
    }

    .AnimationText p {
        padding-right: 0
    }

    #NetcareSlider {
        background: url(../images/animation/Line/Dots_bg.png) no-repeat center 370px;
        background-size: contain;
        width: 100%
    }

        #NetcareSlider .MobileImageBlock {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            position: relative
        }

            #NetcareSlider .MobileImageBlock .Image {
                z-index: 2;
                width: 100%
            }

            #NetcareSlider .MobileImageBlock .SnippedLine {
                z-index: 1;
                position: absolute;
                width: 100%
            }

    #NetcareSliderNavWrapper {
        width: 100%
    }

    .SmallCarouselText p {
        padding-right: 0
    }

    .ipadwrapper {
        margin-top: -22%;
        padding-right: 0;
        margin-left: 5%;
        margin-right: 5%
    }

    .ipadtextblock {
        padding-top: 0;
        margin-top: 18px;
        padding-right: 0;
        padding-left: 20px
    }

        .ipadtextblock p {
            font-size: 20px
        }

        .ipadtextblock h2 {
            font-size: 50px;
            line-height: 113px
        }

        .ipadtextblock a {
            margin-bottom: 15px
        }

    #HomePageGoldBlock .btn {
        min-width: 200px
    }

    #HomePageGoldBlock .btn-primary {
        margin-right: 0
    }

    #BigSlider {
        height: 1000px
    }

        #BigSlider .BigSlide .Content {
            width: 100%;
            padding: 70px;
            z-index: 2
        }

            #BigSlider .BigSlide .Content h2 {
                background-size: 18px;
                font-size: 40px;
                line-height: 114%;
                margin-left: -21px;
                padding-left: 21px;
                padding-top: 14px
            }

        #BigSlider .BigSlide .Image {
            width: 100%;
            z-index: 1;
            height: auto;
            display: block
        }

        #BigSlider .BigSlide .Content, #BigSlider .BigSlide .Image {
            float: none;
            display: block;
            position: relative
        }

            #BigSlider .BigSlide .Image .MobileImage {
                display: block
            }

            #BigSlider .BigSlide .Image .DesktopImage {
                display: none;
                height: 0%
            }

    .BigSliderBlock {
        height: 550px;
        margin-bottom: 25px
    }

        .BigSliderBlock .Slider, .BigSliderBlock:hover .Slider {
            top: 40%;
            height: 100%
        }

            .BigSliderBlock .Slider .Wrap {
                max-height: 1000px
            }

            .BigSliderBlock .Slider .Tag {
                width: 100%
            }

        .BigSliderBlock .Image {
            height: auto
        }

            .BigSliderBlock .Image img, .BigSliderBlock:hover .Image img {
                margin-top: -20%
            }

    .SmallSliderBlock {
        height: auto;
        max-height: 300px
    }

        .SmallSliderBlock .Image {
            height: auto;
            display: block
        }

        .SmallSliderBlock .Slider {
            max-height: 1000px;
            margin-top: -40px;
            height: 100%
        }

            .SmallSliderBlock .Slider .Tag {
                width: 100%
            }

            .SmallSliderBlock .Slider .Wrap {
                height: 300px
            }

    #NewsSliderNav, #MediaSliderNav, #ResearchSliderNav {
        margin: 0 auto
    }

    #NewsSlider .NewsSlide .GoldLink, #MediaSlider .MediaSlide .GoldLink, #ResearchSlider .ResearchSlide .GoldLink {
        display: block
    }

    .SmallCarouselText {
        padding-top: 0
    }

    .Logos .LogoItem img {
        max-width: 85%;
        margin: 0 auto;
        display: block
    }

    .VideoIntroductionWrapper, .GpVoucherSection {
        height: auto
    }

    .VideoImage, .GpImage {
        width: 100%;
        display: block;
        position: relative;
        height: auto
    }

        .VideoImage img, .GpImage img {
            width: 100%
        }

    .VideoText, .GpVoucherText {
        width: 91%;
        display: block;
        padding: 7% 7% 5% 7%;
        height: auto;
        margin: 0 auto;
        margin-top: -20px;
        float: none
    }

        .VideoText h2, .GpVoucherText h2, .ComplexBanner .left-box .wrapper .ThinPlus, .ComplexBanner.Covid .left-box .wrapper .ThinPlus {
            margin-left: -16px;
            padding-left: 16px;
            padding-top: 7px;
            background-size: 18px;
            font-size: 40px;
            line-height: 45px
        }

    .ComplexBanner .left-box .wrapper .ThinPlus {
        margin-left: -21px;
        padding-left: 21px;
        padding-top: 7px
    }

    .ComplexBanner .left-box .wrapper .TitleText, .ComplexBanner.Covid .left-box .wrapper .TitleText {
        font-size: 40px;
        line-height: 45px
    }

    .videoHeading p {
        text-align: left
    }

    p #playVid {
        width: 70%
    }

    img.thumb-image {
        width: 13%
    }

    .OpportunitiesSection {
        padding: 0 !important
    }

    #Doctor .FilterWrapper > .ProvinceContainer, #Doctor .FilterWrapper > .TownContainer, #Doctor .FilterWrapper > .HospitalContainer, #Doctor .FilterWrapper > .DoctorsNameContainer {
        width: 100%;
        padding: 0 0 10px 0;
        float: none
    }

    #Doctor #SearchDoctor, #Dentist #SearchDentist {
        display: block;
        width: 100%;
        margin-top: 15px
    }

    .FilterWrapper > .ProvinceContainer, .FilterWrapper > .TownContainer, .FilterWrapper > .ClinicsNameContainer, .FilterWrapper > .DoctorsNameContainer {
        width: 100%;
        float: none;
        padding: 0 0 10px 0
    }

    #Hospital #SearchHospital {
        display: block;
        width: 100%;
        margin-top: 15px
    }

    #Specialist #SearchSpecialist {
        display: block;
        width: 100%;
        margin-top: 15px
    }

    #Clinic #SearchClinic {
        display: block;
        width: 100%;
        margin-top: 15px
    }

    .blue-icon-box {
        width: 48% !important
    }

    .third-nr-box {
        width: 49% !important
    }

    .listing-columns {
        -moz-column-count: 3;
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
        padding-left: 5px
    }

    .SingleDocumentList {
        margin-left: 5px
    }

    footer .footertop .FooterLink {
        padding-right: 20%
    }

    .AppointmedWrapper {
        margin-top: 50px;
        margin-left: 35px
    }

        .AppointmedWrapper p {
            padding-right: 10%
        }

    .NetcarePlusWrapper {
        margin-top: 20px;
        margin-left: 15px
    }

    .AppointmedMapContainer h2, .AppointmedMapContainer > p, .Facilities, .CarouselHeading {
        margin-left: 35px;
        padding-right: 10%
    }

        .AppointmedMapContainer h2, .CarouselHeading h2, .AppointmedWrapper h2, .NetcarePlusWrapper h2 {
            font-size: 40px;
            line-height: 45px
        }

    .AppointmedMapContainer .Facilities p {
        display: block;
        margin-bottom: 5px
    }

        .AppointmedMapContainer .Facilities p::after {
            display: none
        }

        .AppointmedMapContainer .Facilities p:last-child {
            margin-bottom: 20px
        }

    .CovidBanner .BannerText {
        position: relative;
        width: 100%;
        margin-top: -10px;
        padding: 50px;
        height: auto
    }

    .CovidBlockWrapper {
        padding: 50px
    }

        .CovidBlockWrapper .CovidStats .StatBlock {
            padding-left: 45px
        }

    .CovidVideoHeading p, .CovidVideoHeading a {
        margin: 21px;
        text-align: left
    }

    .CovidVideoSection {
        margin-bottom: 30px;
        height: auto
    }

    .NewsBlock {
        margin-bottom: 20px
    }

    .ContentWrapper section {
        padding: 50px 0 !important
    }

    .CovidSlider, .CovidContentWrapper {
        margin: 70px 0 !important
    }

    .AppointmedFormImage {
        display: none
    }

    .AppointmedFormImageMobile {
        display: block;
        width: 100%;
        margin-bottom: -33%;
        margin-top: 75px
    }

    #AppointmedForm {
        margin-left: 0
    }

        #AppointmedForm > .content {
            width: 100% !important;
            float: none !important
        }

            #AppointmedForm > .content > .body {
                padding: 30px !important
            }

                #AppointmedForm > .content > .body h2, .DoctorHeading h2 {
                    width: 100%
                }

                #AppointmedForm > .content > .body .select2-container {
                    margin-left: 0 !important;
                    margin-right: 0 !important;
                    width: 100% !important
                }

                #AppointmedForm > .content > .body button {
                    min-width: 140px
                }

        #AppointmedForm.IndividualDoctors {
            margin-left: 0
        }

            #AppointmedForm.IndividualDoctors > .content {
                width: 100% !important;
                float: none !important
            }

                #AppointmedForm.IndividualDoctors > .content > .body {
                    padding: 30px !important;
                    padding-top: 70px !important
                }

                    #AppointmedForm.IndividualDoctors > .content > .body h2, .DoctorHeading h2 {
                        width: 100%
                    }

                    #AppointmedForm.IndividualDoctors > .content > .body .select2-container {
                        margin-left: 0 !important;
                        margin-right: 0 !important;
                        width: 100% !important
                    }

                    #AppointmedForm.IndividualDoctors > .content > .body button {
                        min-width: 140px
                    }

        #AppointmedForm .steps {
            margin: -1px auto;
            width: 100% !important;
            text-align: center;
            height: auto;
            background: #1d3443 !important
        }

        #AppointmedForm.IndividualDoctors .steps {
            margin: -1px auto;
            width: 100% !important;
            text-align: center;
            height: auto;
            background: #fff !important
        }

        #AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
            margin: 0 auto !important;
            display: block
        }

    .IndividualDoctors .steps ul {
        width: 180px !important
    }

    #AppointmedForm .steps ul {
        height: 50px;
        width: 220px;
        margin: 0 auto;
        padding-top: 35px
    }

    #AppointmedForm.IndividualDoctors .steps ul {
        height: 50px;
        width: 220px;
        margin: 0 auto;
        padding-top: 15px
    }

    #AppointmedForm .steps > ul > li.last {
        display: none
    }

    #AppointmedForm .steps > ul > li > a > span.current-info.audible {
        display: none
    }

    #AppointmedForm .steps > ul > li > a > .circle {
        background: #4682b4;
        opacity: .25
    }

    #AppointmedForm.IndividualDoctors .steps > ul > li > a > .circle {
        background: #57656e;
        opacity: .25
    }

    #AppointmedForm .steps > ul > li.current > a > .circle {
        background-color: #4682b4;
        opacity: 1;
        width: 65px
    }

    #AppointmedForm .steps > ul > li.done > a > .circle {
        opacity: 1
    }

    #AppointmedForm .bootstrap-datetimepicker-widget {
        width: 100% !important
    }

    #AppointmedTooltipMobile, #AppointmedTooltipMobile2 {
        display: block;
        position: absolute;
        z-index: 2;
        border: 0;
        border-radius: 0;
        width: 34px;
        height: 30px;
        top: 15px;
        right: 25px;
        cursor: pointer;
        background: url('../images/icons/AppointmedInfo.svg') no-repeat;
        background-color: transparent !important
    }

    #IndividualDoctorsAppointmedTooltipMobile, #IndividualDoctorsAppointmedTooltipMobile2 {
        display: block;
        position: absolute;
        z-index: 2;
        border: 0;
        border-radius: 0;
        width: 34px;
        height: 30px;
        top: 15px;
        right: 25px;
        cursor: pointer;
        background: url('../images/icons/info.svg') no-repeat;
        background-color: transparent !important
    }

    #AppointmedForm > .content > .body {
        padding: 15px !important
    }

    #AppointmedForm .SpecialistDetail p {
        margin-left: 40px
    }

    #AppointmedForm > .content > .body label.inputLabel {
        margin-left: 20px !important
    }

    #AppointmedForm.IndividualDoctors > .content > .body label.inputLabel {
        margin-left: 0 !important
    }

    #AppointmedForm .AppointmedFormRadioButtons label {
        min-width: 42% !important
    }

    #AppointmedForm .AppointmedFormRadioButtons label {
        height: 55px;
        padding: 18px
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
        margin-right: 18px !important;
        width: 30% !important;
        height: 55px;
        padding: 18px
    }

    #AppointmedForm {
        margin-top: 2%
    }

        #AppointmedForm > .content > .body h2, .DoctorHeading h2 {
            margin-right: 0;
            margin-left: 0
        }

        #AppointmedForm .PersonalDetail p {
            padding: 5px;
            margin-left: 0
        }

        #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
            height: 55px;
            padding: 15px;
            min-width: 31% !important
        }

        #AppointmedForm > .content > .body .SectionButtons .form-group {
            margin-bottom: 16px
        }

        #AppointmedForm.IndividualDoctors > .content > .body .SectionButtons .form-group {
            margin-bottom: 0
        }

        #AppointmedForm .HeadingPlus, div#dnn_LiveForm .LiveForm.Default h2, .DoctorHeading .HeadingPlus {
            background-size: 18px;
            line-height: 45px !important;
            margin-left: -15px !important;
            padding-left: 28px !important;
            padding-top: 14px !important
        }

        #AppointmedForm.IndividualDoctors .HeadingPlus, div#dnn_LiveForm .LiveForm.Default h2, .DoctorHeading .HeadingPlus {
            background-size: 18px;
            line-height: 45px !important;
            margin-left: -15px !important;
            padding-left: 14px !important;
            padding-top: 14px !important
        }

    div#dnn_LiveForm .LiveForm.Default h2 {
        margin-left: -24px !important
    }

    .AppointmedTooltip {
        display: none
    }

    .TooltipModalMobile, .TooltipModalMobile2 {
        display: none;
        position: fixed;
        z-index: 10001;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0,0,0,.1)
    }

    .AppointmedTooltipmodal-content {
        background-color: #fff;
        margin: auto;
        padding: 20px;
        width: 50%;
        display: block;
        border-radius: 5px
    }

    .closeTooltipModal, .closeTooltipModal2 {
        color: #4682b4;
        float: right;
        font-size: 28px;
        font-weight: bold
    }

    .AppointmedTooltipmodal-content h4 {
        color: #4682b4 !important;
        text-align: center
    }

    .AppointmedTooltipmodal-content p {
        text-align: center;
        color: #57656e !important;
        padding: 15px 0 !important
    }

    .IndividualDoctors .AppointmedTooltipmodal-content {
        background-color: #f8f6f4 !important
    }

        .IndividualDoctors .AppointmedTooltipmodal-content p {
            color: #1d3443 !important
        }

    .IndividualDoctors .closeTooltipModal, .IndividualDoctors .closeTooltipModal2 {
        color: #1d3443
    }

    .IndividualDoctors .AppointmedTooltipmodal-content h4 {
        color: #1d3443 !important
    }

    .EmergencyBlockWrapper {
        padding: 40px 20px 20px 20px
    }

        .EmergencyBlockWrapper .LeftBlock {
            width: 100%;
            display: block;
            border-bottom: 2px solid #bec2c6;
            margin-bottom: 30px
        }

            .EmergencyBlockWrapper .LeftBlock a {
                display: block;
                margin-bottom: 30px
            }

        .EmergencyBlockWrapper .DividerLine {
            display: none
        }

        .EmergencyBlockWrapper .RightBlock {
            width: 100%;
            display: block;
            margin-left: 0
        }

            .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs {
                margin-left: 0
            }

            .EmergencyBlockWrapper .RightBlock .tab-content .tab-pane {
                padding: 0 !important
            }

            .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link {
                font-size: 10px;
                line-height: 14px
            }

            .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item {
                padding: 0;
                width: 80px
            }

            .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper {
                display: block
            }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .title {
                    display: block;
                    width: 100%;
                    margin-bottom: 15px
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock {
                    display: inline-block;
                    width: 48%;
                    margin-bottom: 10px
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock {
                    display: inline-block;
                    width: 32%
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:not(:last-child)::after {
                    height: 85%;
                    top: 3%
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock:not(:last-child)::after {
                    height: 75%;
                    top: 3%
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:nth-child(3)::after {
                    display: none
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock .heading {
                    font-size: 12px;
                    width: 76%;
                    min-height: 35px
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock .heading {
                    width: 90%
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock .image {
                    padding-bottom: 25px
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:nth-child(2) .image, .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:nth-child(3) .image {
                    padding-bottom: 23px;
                    border-bottom: 2px solid #bec2c6;
                    width: 75%;
                    margin: 0 auto
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock .image {
                    border-bottom: 0
                }

    .NetcarePlusSlider .BigSlide .Content h2 {
        display: none !important
    }

    .NetcarePlusSlider {
        height: 850px !important
    }

    .NetcarePlusWrapper h2, .NetcarePlusWrapper p {
        padding-right: 0%
    }

    .NetcarePlusWrapper .IconWrapper {
        margin-left: -8%
    }

        .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
            width: 51%
        }

    .NetcarePlusBanner .BannerText {
        width: 40%
    }

        .NetcarePlusBanner .BannerText .BannerPlus {
            font-size: 42px
        }

        .NetcarePlusBanner .BannerText .BannerPlusInfo {
            font-size: 19px;
            top: 60%
        }

    .visible-mobile {
        display: inline !important
    }

    .hidden-mobile {
        display: none !important
    }

    .FAQ-Section .panel-group .panel-default > .panel-heading {
        padding-right: 0;
        width: 100%
    }

    .FAQ-Section .panel-heading .collapsable {
        font-size: 18px !important;
        padding: 15px 35px 7px 0 !important;
        line-height: 24px !important
    }

    .SpecialistPlusWrapper .TownContainer {
        width: 100% !important
    }

    .SpecialistPlusWrapper label {
        margin-left: 6px !important
    }

    .SpecialistPlusWrapper table td {
        display: block
    }

        .SpecialistPlusWrapper table td label {
            padding: 11px 21px !important;
            margin-left: -15px !important;
            letter-spacing: .05em;
            min-width: 300px !important
        }

    .SpecialistPlusWrapper input[type="radio"] {
        margin-right: 0 !important
    }

    .SpecialistPlusWrapper label {
        margin-left: 6px !important
    }

    .swal2-buttonswrapper {
        display: contents !important
    }

    button.swal2-confirm.swal2-styled.swal2-styled, button.swal2-confirm.swal2-styled.swal2-styled:hover {
        margin-top: 15px !important
    }

    .CarouselTextWrapper p, .ModuleTextWrapper p {
        text-align: left
    }

    #FAQ_Accordion {
        margin-left: 15px
    }

    .TermAndConditions .ContentUnderPlus {
        margin-left: 14px
    }

    .TermAndConditions p {
        margin-left: 14px
    }

    #TermAndConditionsBlueLink {
        margin-left: 14px
    }

    .FAQWrapper .BlueLink {
        margin-left: 14px
    }

    .TermAndConditions .termsList {
        margin-left: 30px
    }

    #BigSlider .NetcarePlusSlider .BigSlide .Content h2 {
        display: none !important
    }

    #BigSlider .NetcarePlusSlider {
        height: 850px
    }

    .GPOption, .MedOption, .VirtualOption {
        display: flex
    }

    .SpecialistPlusWrapper .ConsultationOptions label {
        min-width: 300px !important
    }

    .ResearchButton {
        margin-bottom: 25px
    }

    .DesktopResearchHeading {
        display: none
    }

    .MobileResearchHeading {
        display: block !important
    }

    .reseach-article-img {
        margin-left: 15px !important
    }

    .ResearchButton .btn {
        min-width: 280px
    }

    .ResearchButton.d-flex.justify-content-center {
        width: 100%
    }

    #ReviewSlider {
        height: 450px
    }

        #ReviewSlider .SlideText {
            background-size: 16%;
            padding: 50px;
            background-position-y: 7%
        }

            #ReviewSlider .SlideText h2 {
                margin-bottom: 40px;
                font-size: 40px;
                line-height: 45px
            }

            #ReviewSlider .SlideText p {
                font-size: 20px;
                line-height: 32px
            }

    .RightTextBlock {
        margin-top: -10vw;
        padding-left: 30px
    }

        .RightTextBlock h1 {
            font-size: 45px;
            margin-bottom: 20px;
            margin-top: 0;
            width: 100%;
            margin-left: -10px
        }

    .ListItemWithIcon {
        font-size: 16px;
        width: 100%;
        margin-bottom: 25px
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2, .AppointmentBoxes .box3 {
        width: 115px;
        height: 115px
    }

    .HoursWrapper {
        padding-bottom: 35px
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 405px;
        margin: 60px 32px 20px
    }

        #AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText, .CustomerFeedbackSlider .SlideText {
            padding: 41px 55px 21px;
            margin: 5px;
            border-bottom: 8px solid #4682b4;
            border-radius: 4px
        }

        #AppointMedSlider.NetcarePlusReviewSlider .SlideText {
            border-bottom: 8px solid #66b6c4
        }

        #AppointMedSlider .slick-slide.slick-current .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText p, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText h2 {
            margin-top: 100px;
            -webkit-line-clamp: 5
        }

        #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
            padding: 10px 20px 0 25px
        }

        #AppointMedSlider .slick-slide.slick-current .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
            background-size: 13%;
            min-height: 350px
        }

    .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
        background: none
    }

    #AppointMedSlider .slick-slide, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide, .CustomerFeedbackSlider .slick-slide {
        transition: none
    }

    .AppointmentCarousel .BluePlus {
        background: url(../images/icons/CarouselBluePlus.svg) no-repeat left top 10%;
        background-size: 18px;
        padding-left: 21px;
        padding-top: 14px;
        line-height: 45px
    }

    .NetcarePlusBannerText {
        top: -375px;
        width: 100% !important;
        right: 0%
    }

    .ListItemWithIcon .text strong {
        font-family: "Open Sans"
    }

    #NetcarePlusGridOneImage {
        background: url(/portals/0/OneNetcare/NetcarePlus/TealOverlayMobile.jpg) no-repeat;
        background-size: 100%
    }

    #NetcarePlusGridFiveImage {
        background: url(/portals/0/OneNetcare/NetcarePlus/NavyOverlay.jpg) no-repeat;
        background-size: 100%;
        height: 100%
    }

    .whitefadeOutMobile {
        background: linear-gradient(#fff 65%,#f7f7f7) !important
    }

    .AppointmentLogoMobile, .NetcarePlusLogoMobile {
        display: block;
        padding-left: 30px;
        margin-top: 10%
    }

        .AppointmentLogoMobile img, .NetcarePlusLogoMobile img {
            width: 45%
        }

    .AppointmentHours, .NetcarePlusHours {
        padding-left: 30px
    }

    .NetcarePlusHours {
        padding-left: 30px;
        padding-top: 15px
    }

    .AppointmentLogo, .NetcarePlusLogo, .BookAppointmentLogo {
        display: none
    }

    .AppointBlockTwo, .NetcarePlusBlockTwo {
        float: none;
        display: block;
        position: relative;
        width: 100%
    }

    .AppointMedContentWrapper, .NetcarePlusContentWrapper {
        width: 100%
    }

    .AppointmedText, .BookAppointmedText {
        padding: 15px 20px 40px 20px;
        margin-top: 20px
    }

    .AppoinmentCall, .FindHealthCare {
        font-size: 18px;
        padding-left: 50px;
        padding-right: 35px;
        float: none;
        width: 100%;
        text-align: end;
        display: inline-block;
        background: url(/Portals/_default/Skins/Netcare-Core/images/icons/ArrowSmallRight.svg) no-repeat center right
    }

    .FindHealthCare {
        background: url(/Portals/_default/Skins/Netcare-Core/images/CarouselRightArrow.svg) no-repeat right center
    }

    .AppointmedLink {
        font-size: 18px;
        padding-left: 50px;
        padding-right: 35px;
        float: none;
        width: 100%;
        text-align: center;
        display: inline-block;
        background-position: 67% !important
    }

    .btn-primary.btnAppointment, .btn-primary.btnBuyVoucher {
        width: 100%;
        margin-bottom: 20px;
        font-size: 16px;
        height: 48px
    }

    .AppointmentButton, .NetcarePlusButton {
        margin-top: 8%
    }

    .NetcarePlusButton {
        margin-bottom: 45px
    }

    .AppointmentHours p {
        font-size: 21px;
        line-height: 25px
    }

    .AppointmentBanner img, .NetcarePlusBannerImg img {
        display: none
    }

    .AppointmentBannerMobileTop img, .NetcarePlusBannerMobileTop img {
        display: block;
        width: 100%
    }

    .NetcarePlusBannerMobileTop img {
        display: block !important
    }

    .AppointmentWrapperSection, .NetcarePlusWrapperSection, .DoctorWrapperSection {
        display: contents;
        position: relative
    }

    .AppointmentBannerText, .NetcarePlusBannerText, .BookAppointmentBannerText {
        right: 0;
        width: 100%;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        margin-top: -340px
    }

    #DoctorBannerText {
        height: auto
    }

    .NetcarePlusBannerText {
        height: auto;
        margin-top: -38%
    }

        .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
            font-size: 60px;
            margin-bottom: 40px;
            width: 80%;
            line-height: 60px
        }

        .AppointmentBannerText p, .NetcarePlusBannerText p, .BookAppointmentBannerText p {
            margin-bottom: 30px;
            line-height: 31px;
            font-size: 20px;
            padding-right: 20px
        }

    .AppointmentBannerText p {
        line-height: 140%
    }

    .btn-primary.AppointmentPurchase, .ANMobile, .btn-primary.FindMore {
        height: 50px;
        margin-top: 15px;
        margin-bottom: 25px;
        position: relative;
        width: 60%
    }

    .AppointmentHours p {
        font-size: 21px;
        line-height: 25px
    }

    .BannerTwo {
        position: absolute;
        top: 65%;
        padding-bottom: 30px
    }

    .ANMobile {
        margin-bottom: 20px;
        display: block;
        width: 50%;
        background-color: #4682b4 !important
    }

    .AppointmedSignUp .ANMobile.btn-primary:hover, .AppointmedSignUp .ANMobile.btn-primary:active {
        background-color: #1d3443 !important;
        color: #fff !important
    }

    .ANBanner {
        display: none
    }

    .ANBannerMobile {
        display: block
    }

    .BannerTitleAppointMed h1, .BannerTitleAppointMed {
        font-size: 70px;
        line-height: 111%
    }

    .AppointmentNewBanner .FirstContainer {
        height: 20%
    }

        .AppointmentNewBanner .FirstContainer img {
            width: 100%
        }

    .SecondContainer {
        padding-left: 30px;
        margin-top: -30%
    }

    .LogoBoxes {
        display: contents;
        align-items: center;
        padding: 10%
    }

    .SquareOne, .SquareTwo, .SquareThree {
        width: 60%;
        height: 453px;
        border-bottom: solid 7px #4682b4;
        margin-left: 20%
    }

    .AppointmentNewLogo {
        background: #e7f0f6;
        padding-top: 155px;
        padding-bottom: 40px
    }

    .LogoBoxes img {
        margin-top: 70px
    }

    .BannerTextAppointMed {
        width: 68%
    }

    .ANButton {
        display: none
    }

    .MobileButtonAN {
        display: block;
        margin: 0 20px 20px 20px
    }

    .AppointmentNewGrid .GridOne {
        background: url(/portals/0/OneNetcare/Appointmed/NetworkGradientMobile.jpg)no-repeat
    }

    .GridOne, .GridThree, .GridFive {
        background-size: 100% !important;
        padding-top: 80%
    }

    #HealthcareGrid .GridOne, #HealthcareGrid .GridThree, #HealthcareGrid .GridFive {
        background-size: 100% !important;
        padding: 20%
    }

    .AppointmentNewGridTwo .GridFive {
        background: url(/portals/0/OneNetcare/Appointmed/ConnectGradientMobile.jpg)no-repeat
    }

    .GridContainer {
        position: absolute;
        top: 0;
        padding: 11% 20px 0 30px
    }

    .GridTitle {
        width: 85% !important
    }

    .GridThree .GridTitle {
        width: 55% !important
    }

    .GridText p {
        font-size: 20px !important
    }

    #HealthcareGrid .GridText p {
        font-size: 24px !important;
        line-height: 130%
    }

    .GridText {
        padding-top: 25px;
        width: 80% !important
    }

    .GridFive .GridText {
        width: 65% !important
    }

    .GridTitle, #HealthcareGrid .GridTitle {
        font-size: 50px;
        font-family: 'Open Sans Light';
        line-height: 114%
    }

    #HealthcareGrid .GridTitle {
        margin-bottom: 15px
    }

    .GridTwo, .GridFour, .GridSix {
        display: none
    }

    a.ANMobile.btn.btn-primary {
        margin: 0 20%
    }

    .AppointmentHours {
        padding-top: 30px
    }

    .VoucherCardsHeading p {
        width: 95%;
        text-align: left !important;
        margin-bottom: 0
    }

    .VoucherCardWrapper {
        display: block
    }

        .VoucherCardWrapper .VoucherCard {
            width: 100%;
            margin-bottom: 30px;
            padding: 40px 30px
        }

            .VoucherCardWrapper .VoucherCard:hover {
                transform: scale(1,1)
            }

            .VoucherCardWrapper .VoucherCard img {
                margin-bottom: 25px
            }

            .VoucherCardWrapper .VoucherCard p {
                min-height: initial
            }

            .VoucherCardWrapper .VoucherCard .BuyNowButton {
                margin-top: 25px
            }

    .InfoSectionLeft {
        width: 90%;
        margin: 0;
        padding-top: 25%
    }

        .InfoSectionLeft .LightbluePlus {
            margin-bottom: 10px
        }

        .InfoSectionLeft p {
            width: 85%
        }

    .InfoCard1, .InfoCard2 {
        width: 90%;
        margin: 45px
    }

    .InfoSectionRight, .CovidRefresh .InfoSectionRight {
        margin-top: 5%
    }

    .NetcarePlusTopBannerText p {
        font-size: 16px !important
    }

    .ListWithIconsWrapper {
        margin-left: -12px
    }

    .ListItemWithIcon img {
        height: 30px;
        margin-top: -2px;
        margin-right: 10px
    }

    div#DoctorInformation .MakeAppointmedBtn {
        display: block
    }

    div#DoctorInformation {
        display: inline-block;
        width: 100%
    }

        div#DoctorInformation .ContactInfoBlock, div#DoctorInformation .InfoBlock {
            width: 100%
        }

        div#DoctorInformation .ContactInfoBlock {
            margin-top: 30px
        }

    .DoctorBio {
        margin-top: 30px;
        margin-bottom: 30px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 64% !important
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        margin-left: 35px;
        margin-right: 164px
    }

    div#DoctorInformation .InfoBlock .DoctorBio p:last-child {
        margin-bottom: 0
    }

    .btn-primary.btnBookAppointment {
        width: 100%
    }

    div#dnn_LiveForm {
        position: relative;
        padding-bottom: 0;
        background: #1d3443;
        margin-top: 35px
    }

    .btn-primary.FindMore {
        position: relative
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 70px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li, .AppointmedSignUp .BannerTextAppointMed p {
        font-size: 18px !important
    }

    .AppointmedSignUp a.ANMobile.btn.btn-primary {
        margin: 0 24%
    }

    .AppointmedSignUp .GridContainer {
        padding-top: 20%
    }

        .AppointmedSignUp .GridContainer .GridTitle {
            font-size: 62px !important;
            line-height: 65px !important
        }

        .AppointmedSignUp .GridContainer p {
            font-size: 23px !important
        }

    .GridOne .AppointmedSignUp .GridTitle {
        width: 85% !important
    }

    .AppointmedSignUp .AppointmedLogoTitle {
        width: 100%;
        margin-top: 60px
    }

    .AppointmedForm .LiveForm.Default .thank-you {
        margin-left: 0
    }

    div#dnn_LiveForm .LiveForm.Default .thank-you section {
        padding: 0 !important
    }

    .SubDescription .DoctorBiography p {
        margin-right: 0
    }

    #DoctorInformation .DoctorProfileBtn {
        width: 100%;
        top: 10px;
        margin-bottom: 15px
    }

    .SubDescription .DoctorBiography p, .SubDescription .DoctorEduHeading p, .SubDescription .DoctorPublication p, .SubDescription .DoctorBioHeading h2, .SubDescription .DoctorEduHeading h2, .SubDescription .DoctorPublication h2 {
        margin-left: 0;
        margin-right: 0
    }

    .SubDescription .CertListHeading {
        background: url(../images/icons/Qualifications.svg) no-repeat left 5% top
    }

    #PracticesMenu .ConsultHospital.sub-tabs.tab-pane.fade.active, #PracticesMenu .ConsultHospital.collapse.show, #PracticesMenu .ConsultHospital.collapsing {
        display: inline-block !important
    }

    div#ConsultHospital, #ConsultationWrapper {
        width: 100%
    }

    div#ConsultHospital {
        margin-bottom: 90px
    }

    div#ConsultHospital, #ConsultationWrapper {
        margin-left: 0
    }

    .IndividualSectionBox {
        margin-left: -10px
    }

    #IndividualDoctorSlider {
        margin-left: 0;
        margin-bottom: 0
    }

    #IndividualDoctorSlider {
        padding-right: 11%
    }

        #IndividualDoctorSlider .slick-track {
            margin-bottom: 35px
        }

    div#ConsultWeekDayHours {
        width: 100%
    }

    .SubDescription .DoctorEduHeading, .SubDescription .DoctorBioHeading, .SubDescription .DoctorPublication, #PracticesMenu .ConsultHospital {
        margin-top: 25px
    }

    div#SpecialisationList, div#SpecialisationPracList {
        margin-top: 0;
        margin-left: 0
    }

    #ConsultHospital .MakeAppointmedBtn {
        width: 95%
    }

    div#DoctorInformation .ContactInfoBlock.NoBioAvailable {
        margin-top: 20px !important
    }

    div#DoctorInformation .InfoBlock .ProfileImage img {
        width: auto
    }

    .DoctorProfile .HeadingWrapper.nav.nav-tabs {
        margin-left: 15px
    }

    #SpecialInterestMenu ul.slick-dots {
        bottom: -5px
    }

    div#dnn_ContentRightBlock {
        padding: 0
    }

    .CovidPage.StatsBlock .StatsDetails {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background: rgba(29,52,67,.9);
        box-shadow: 0 6px 100px rgba(29,52,67,.24);
        padding: 50px 30px 15px 30px
    }

    .CovidPage.StatsBlock .WebsiteWrapper {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-left: 30px
    }

    .CovidPage.InfoBlock {
        width: 100%;
        margin-top: -25%;
        padding: 50px
    }

        .CovidPage.InfoBlock .InfoBlockTitle {
            margin-top: 10px
        }

    #BigSlider.BannerContent .BigSlide .Image {
        float: none
    }

    #BigSlider.BannerContent .BigSlide .Content {
        float: none;
        margin-top: -51%;
        padding: 30px 70px
    }

    #BigSlider.BannerContent {
        height: 750px !important;
        box-shadow: none;
        color: #f7f7f7;
        background: linear-gradient(180deg,rgba(255,255,255,1) 77%,rgba(247,247,247,.9) 100%);
        margin-bottom: 60px
    }

    .CovidPage.StatsBlock {
        margin-top: 0
    }

    .CovidPage.InfoBlock {
        margin-bottom: 0
    }

    .CovidPage.StatsBlock h2 {
        line-height: 112%
    }

    .CovidPage.StatsBlock .StatsDetails .CovidStats:last-child .StatBlock:last-child {
        margin-bottom: 20px
    }

    .CovidPage.StatsBlock .CovidStats {
        margin: 0 !important
    }

        .CovidPage.StatsBlock .CovidStats .StatBlock:first-child, .CovidPage.StatsBlock .CovidStats .StatBlock {
            width: 100%;
            padding-left: 0;
            margin-bottom: 20px
        }

            .CovidPage.StatsBlock .CovidStats .StatBlock .number {
                font-size: 38px
            }

    .CovidPage.StatsBlock .WebsiteWrapper .StatsLogo {
        width: 100%
    }

    .CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink {
        width: 100%;
        padding-left: 0 !important;
        margin-top: 20px
    }

    #FloatingImageBanner .VideoText {
        width: 100%;
        padding-right: 5%;
        padding-left: 4%;
        height: auto;
        background: #f7f7f7;
        box-shadow: none;
        margin-top: 0;
        margin-bottom: 10px
    }

    #FloatingImageBanner.VideoIntroductionWrapper {
        height: auto
    }

    #FloatingImageBanner .VideoText .BannerSubHeading, #FloatingImageBanner .VideoText p, #FloatingImageBanner .VideoText li {
        padding-right: 5%
    }

    div#dnn_ContentLeftBlock {
        padding-right: 15px
    }

    #FloatingImageBanner .VideoText h2 {
        margin-top: 20px
    }

    .VideoCarouselHeading h2.HeadingMiddle {
        margin-left: 15px;
        width: 80%
    }

    .VideoCarouselHeading p {
        margin: 20px 0 35px 15px;
        text-align: left;
        width: 80%
    }

    .CovidRefresh {
        padding: 0 15px;
        margin-bottom: 20px
    }

        .CovidRefresh .InfoCard1, .CovidRefresh .InfoCard2 {
            width: 100%;
            height: auto;
            margin: 0 auto 25px auto
        }

        .CovidRefresh .InfoSectionRight {
            margin-top: 0;
            width: 100%;
            padding: 0 15px
        }

        .CovidRefresh .InfoCard1 .InfoCardsImage, .CovidRefresh .InfoCard2 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
            width: 15%;
            margin-bottom: 30px
        }

        .CovidRefresh .peachblock, .InfoSectionRight.HealthcareFAQ .peachblock {
            height: 30px;
            width: 80%
        }

        .CovidRefresh .InfoCard1 .InfoCardsImage img, .CovidRefresh .InfoCard2 .InfoCardsImage img, .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage img, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage img {
            width: 70%
        }

        .CovidRefresh .InfoSectionLeft h1, .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
            font-size: 80px;
            width: 80%;
            line-height: 114%
        }

        .CovidRefresh .InfoCard1 h3, .CovidRefresh .InfoCard2 h3, .InfoSectionRight.HealthcareFAQ .InfoCard1 h3, .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
            height: 70px;
            margin-bottom: 30px;
            line-height: 34px;
            width: 95%
        }

    .InfoSectionRight.HealthcareFAQ .InfoCard2 p {
        margin-bottom: 5px
    }

    .CovidRefresh .InfoSectionLeft {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 15px
    }

    .InfoSectionLeft.HealthcareFAQ {
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0;
        margin-bottom: 25px
    }

        .CovidRefresh .InfoSectionLeft .ContentUnderPlus, .InfoSectionLeft.HealthcareFAQ .ContentUnderPlus {
            margin: 0;
            margin-bottom: 35px
        }

            .InfoSectionLeft.HealthcareFAQ .ContentUnderPlus, .InfoSectionLeft.HealthcareFAQ .ContentUnderPlus a {
                color: #57656e !important;
                margin-bottom: 20px
            }

    .CovidFAQTitle, .FAQTitle {
        position: relative;
        margin-top: 0
    }

    .collapseFAQBlock .panel-title {
        font-family: 'Open Sans Bold'
    }

    .collapseBIOBlock .panel-title {
        font-family: 'Open Sans Bold'
    }

    .WhiteBlockWrapper .CovidVideoHeading p {
        margin-left: 0;
        width: 100%
    }

    .WhiteBlockWrapper {
        padding: 25px 20px
    }

        .WhiteBlockWrapper .CovidVideoHeading a {
            margin-left: 0
        }

        .WhiteBlockWrapper .CovidVideoHeading {
            margin-bottom: 0
        }

            .WhiteBlockWrapper .CovidVideoHeading .HeadingMiddle {
                margin: 0
            }

    .WhiteGoldBlock {
        width: 95%;
        margin: 0 auto 40px auto
    }

        .WhiteGoldBlock:last-child {
            margin-bottom: 50px
        }

    .CovidContent {
        margin-bottom: 50px;
        margin-left: 15px;
        margin-right: 15px
    }

    #HealthcareGrid .Gridone {
        background: url(/portals/0/OneNetcare/PatientPortal/GridOneMobile.jpg) no-repeat
    }

    #HealthcareGrid .Gridfive {
        background: url(/portals/0/OneNetcare/PatientPortal/GridThreeMobile.jpg) no-repeat
    }

    #LandingPageGrid .GridOne, #LandingPageGrid .GridThree, #LandingPageGrid .GridFive {
        background-size: 100% !important;
        padding: 0 20%
    }

    #LandingPageGrid .mobile-wrap-image {
        display: block;
        width: 100%
    }

        #LandingPageGrid .mobile-wrap-image img {
            width: 100%;
            height: auto;
            object-fit: contain;
            object-position: top;
            margin-top: -5px
        }

    #LandingPageGrid .GridContainer {
        position: relative;
        margin: 0 auto;
        padding: 20% 0
    }

    #LandingPageGrid .GridTitle {
        font-size: 50px !important;
        width: 100% !important;
        margin-bottom: 25px !important
    }

    #LandingPageGrid .GridText {
        width: 100% !important
    }

        #LandingPageGrid .GridText p {
            font-size: 20px !important;
            margin-bottom: 25px !important
        }

    #LandingPageGrid .GridFive .GridText {
        width: 95% !important
    }

    #LandingPageGrid .LinkArrow {
        font-size: 16px
    }

    #LandingPageGrid .LinkArrowOne {
        color: #7f6f64;
        background: url(../images/icons/right-full_gold.svg) no-repeat right
    }

        #LandingPageGrid .LinkArrowOne:hover {
            color: #fff !important;
            background: url(../images/icons/right-long-white.svg) no-repeat right
        }

    #LandingPageGrid .LinkArrowFive {
        color: #1d3443 !important;
        background: url(../images/icons/right-full.svg) no-repeat right
    }

        #LandingPageGrid .LinkArrowFive:hover {
            color: #7f6f64 !important;
            background: url(../images/icons/right-long-gold.svg) no-repeat right
        }

    .InfoSectionRight.HealthcareFAQ {
        width: 100%;
        margin-bottom: 10px
    }

    .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        width: 100% !important
    }

    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage img, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage img {
        width: 100% !important
    }

    #HealthcareGrid .GridContainer {
        position: relative;
        margin: 0 auto;
        margin-left: 30px
    }

    #TextBlock.ipadtextblock {
        margin-left: 25px;
        padding-top: 10px;
        margin-right: 25px
    }

        #TextBlock.ipadtextblock p {
            width: 95%
        }

    #TextBlock a {
        border-radius: 5px
    }

    .TopBlockWrapper {
        padding-top: 40px
    }

    .WelcomeText {
        margin-left: 30px;
        width: 70%
    }

        .WelcomeText .WelcomeTitle {
            font-size: 70px
        }

    .LightBlueBlockWrapper {
        margin-top: 100px
    }

    #TabsRight {
        padding-right: 0 !important
    }

    .TabsWrapper .nav .nav-item .nav-link {
        font-size: 16px
    }

    .FeedbackCarousel {
        padding-bottom: 40px
    }

    #SplitBanner .Content {
        padding: 0 30px
    }

        #SplitBanner .Content .TextWrapper h6 {
            font-size: 16px;
            margin-bottom: 15px
        }

        #SplitBanner .Content .TextWrapper p {
            font-size: 14px;
            margin-bottom: 20px
        }

        #SplitBanner .Content .TextWrapper .btn-primary {
            font-size: 13px;
            padding: 10px 18px
        }

    .GoldCard .TextWrapper {
        width: 100%
    }

    .BackButton {
        margin-top: 30px
    }

    .collapseFAQBlock .panel-heading h4 {
        font-size: 18px;
        line-height: 130%
    }

    .collapseFAQBlock .panel-heading .collapsable, .collapseFAQBlock .panel-heading .collapsable.collapsed {
        padding: 25px 10% 25px 25px !important;
        background-position: right 5% center !important
    }

    .collapseFAQBlock .panel-body {
        margin-left: 25px !important
    }

        .collapseFAQBlock .panel-body p:first-child {
            margin-top: 0
        }

        .collapseFAQBlock .panel-body p:last-child {
            margin-bottom: 25px !important
        }

    .collapseBIOBlock .panel-heading h4 {
        font-size: 18px;
        line-height: 130%
    }

    .collapseBIOBlock .panel-heading .collapsable, .collapseBIOBlock .panel-heading .collapsable.collapsed {
        padding: 25px 45px 25px 45px !important;
        background-position: right 5% center !important
    }

    .doctor-accordin-view .accordin-title, .BIO-Section .panel-heading .collapsable {
        padding: 25px 45px 25px 45px !important
    }

    .doctor-accordin-view h2 {
        padding-left: 0
    }

    .collapseBIOBlock #collapse_15 .panel-body, .collapseBIOBlock #collapse_16 .panel-body {
        margin-left: 69px !important
    }

    .collapseBIOBlock .panel-body {
        margin-left: 75px !important
    }

    .additional-qual-description {
        padding: 20px 25px 0 25px
    }

    .collapseBIOBlock .panel-body p:first-child {
        margin-top: 0
    }

    .collapseBIOBlock .panel-body p:last-child {
        margin-bottom: 25px !important
    }

    .collapseFacilitiesBlock .panel-heading h4 {
        font-size: 18px;
        line-height: 130%
    }

    .collapseFacilitiesBlock .panel-heading .collapsable, .collapseFacilitiesBlock .panel-heading .collapsable.collapsed {
        padding: 25px 10% 25px 25px !important;
        background-position: right 5% center !important
    }

    .doctor-accordin-view .accordin-title {
        padding-left: 25px;
        font-size: 30px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 25px
    }

    .collapseFacilitiesBlock .panel-body {
        margin-left: 75px !important
    }

        .collapseFacilitiesBlock .panel-body p:first-child {
            margin-top: 0
        }

        .collapseFacilitiesBlock .panel-body p:last-child {
            margin-bottom: 25px !important
        }

    .media-banner-content {
        width: 65%
    }

    .NewsBanner .media-banner-content {
        margin-left: 68px
    }

    .ReuseBanner .ImageContainer, .ReuseBanner .ImageContainer-1 {
        width: 100%
    }

    .ReuseBanner .CopyContainer, .ReuseBanner .CopyContainer-1 {
        width: 100%;
        padding: 40px 20px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 3px
    }

        .ReuseBanner .CopyContainer h2, .ReuseBanner .CopyContainer-1 h2 {
            margin-bottom: 25px
        }

        .ReuseBanner .CopyContainer p, .ReuseBanner .CopyContainer-1 p {
            margin-bottom: 30px;
            font-size: 14px !important;
            line-height: 130% !important
        }

        .ReuseBanner .CopyContainer a.btn, .ReuseBanner .CopyContainer-1 a.btn {
            width: 100%;
            justify-content: center;
            padding: 13px 0 13px 0
        }

    .ReuseBanner .ImageContainer-1 {
        margin-top: -2px
    }

    .ReuseBanner .ImageContainer {
        margin-bottom: -2px
    }

    .doctor-appoint-bannner-container .ReuseBanner .ImageContainer {
        padding-top: 0
    }

    .BottomSpace {
        margin-bottom: 45px
    }

    .blockWrapper.phoneBanner_1 {
        padding-left: 0;
        padding-right: 0
    }

    .inner-content {
        width: 100%
    }

    .NewsArticle .TopMargin {
        margin-top: 10px !important
    }

    .NewsArticle .ArticleText p {
        display: block;
        line-height: 135%
    }

    .NewsArticle hr {
        margin-bottom: 18px;
        margin-top: 20px
    }

    .NewsArticle .Heading {
        font-size: 20px;
        line-height: 135%
    }

    .search-input-banner-button {
        display: none
    }

    #bannerSearchTextbox::placeholder {
        color: transparent;
        background: url(../images/icons/search_modal_blue.svg) no-repeat 99% center
    }

    .search-bar-banner::after {
        content: attr(data-content);
        position: absolute;
        right: 65px;
        z-index: 200;
        top: 17px;
        color: #80898f;
        font-family: "Open Sans"
    }

    .clear-text-banner {
        right: 22px;
        top: 17px
    }

        .clear-text-banner:after {
            left: 17px
        }

    .search-input-banner-rotateText {
        padding: 17px;
        font-size: 16px;
        width: 100%
    }

    .SearchBannerWrapper .words {
        left: 7%;
        top: 25%;
        width: 57%
    }

        .SearchBannerWrapper .words .big-heading {
            font-size: 70px
        }

        .SearchBannerWrapper .words .highlighted-you-underlined {
            padding-bottom: 92px
        }

    .SearchBannerWrapper .searchBoxWrapper {
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto;
        width: 84%
    }

        .SearchBannerWrapper .searchBoxWrapper > div input {
            padding: 16px !important;
            height: 55px !important;
            line-height: 24px;
            letter-spacing: -.04em;
            font-size: 16px !important;
            padding: 17px !important;
            border-radius: 3px !important
        }

    .suggestions {
        padding-left: 0
    }

    .SmartSearch {
        padding-bottom: 10px;
        padding-left: 0
    }

        .SmartSearch hr {
            margin-top: 20px !important
        }

        .SmartSearch .mobileView {
            display: block
        }

        .SmartSearch .HealthcareProvidersHeading h6, .SmartSearch .HealthcareFacillitesHeading h6 {
            margin-top: 30px
        }

    .suggestions .SearchResults .suggestion-text, .suggestions-banner .SearchResults .suggestion-banner-text {
        font-size: 16px;
        line-height: 125%
    }

    .SmartSearch .SeeAllLink:hover {
        color: #1d3443;
        background: url(../images/icons/right-long-blue.svg) no-repeat right
    }

    .SmartSearch .SearchResults .link-text {
        font-size: 16px;
        line-height: 125%
    }

    .strategic-pillars-desktop {
        display: none
    }

    .strategic-pillars-mobile {
        display: block
    }

    .strategic-pillars-subheader {
        display: block;
        text-align: center
    }

    .strat-pill-content-card {
        background-color: #fff;
        padding: 60px 30px 60px 30px;
        margin-top: 50px;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        box-shadow: none;
        border-radius: 0;
        max-width: 100%;
        min-height: 200px
    }

    .strategic-pillars-header {
        margin-top: 50px;
        margin-bottom: 30px
    }

    .strat-pill-content {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -.03em
    }

    .bgHeaderMobile {
        background: #f7f7f7 !important
    }

    .gradientSeperator {
        display: none
    }

    .key-objective-desktop {
        display: none
    }

    .key-objective-mobile {
        display: block;
        margin-bottom: 50px
    }

    .key-obj-header {
        padding-top: 0;
        padding-left: 30px
    }

    h6.key-obj-mainHeader {
        padding-top: 54px;
        margin-bottom: 25px;
        padding-left: 30px
    }

    .key-obj-content {
        padding: 5px 50px 60px 30px
    }

    .key-image-text {
        position: absolute;
        z-index: 100;
        bottom: 10px;
        left: 30px;
        display: block
    }

    .key-objective-row1 .overlayOnImage, .key-objective-row2 .overlayOnImage {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: linear-gradient(0deg,#1d3443 3.95%,rgba(58,67,73,.75) 25.36%,rgba(123,123,123,0) 74.31%)
    }

    #KeyObjectiveSlider .KeyObjectiveSlide {
        padding: 20px 150px 0 150px
    }

    .governance-structure-header {
        margin-top: 100px;
        margin-bottom: 40px;
        font-size: 35px;
        line-height: 114%
    }

    .governance-structure-card-left {
        padding: 40px 20px 30px 20px;
        margin: 0 5px 0 5px
    }

    .governance-structure-card-right {
        padding: 20px 5px 20px 5px
    }

    .AnimationButtons {
        text-align: center;
        margin-top: 50px
    }

    .AnimationText {
        margin-top: 0;
        margin-left: 5px
    }

        .AnimationText h2 {
            font-size: 35px;
            line-height: 114%;
            margin-top: 0;
            margin-bottom: 30px
        }

        .AnimationText p {
            margin-bottom: 20px
        }

    .mobileAnimationHeading {
        display: block;
        text-align: center;
        margin-top: 40px
    }

        .mobileAnimationHeading .MobileImage {
            width: 100%
        }

        .mobileAnimationHeading h6 {
            font-family: 'Open Sans';
            margin-bottom: 5px;
            font-size: 20px;
            line-height: 27px
        }

        .mobileAnimationHeading p {
            color: #1d3443;
            margin-bottom: 0
        }

    #BodyWrapper section.remove-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .image-form-block {
        flex-wrap: wrap
    }

        .image-form-block .AppointmedImage {
            width: 100%
        }

        .image-form-block .AppointmedForm {
            width: 100%
        }

    .ipadtextblock .col-btn {
        display: block;
        width: 100%
    }

    .ipadtextblock .btn {
        display: block
    }

    .topBanner1 {
        background-size: cover;
        background-position-x: 13% !important
    }

    .hidden-md {
        display: none !important
    }

    .blockWrapper .breadcrumb {
        margin-bottom: 15px
    }

    .blockWrapper h4 {
        margin-bottom: 30px;
        font-size: 45px
    }

    .blockWrapper h5 {
        font-size: 35px
    }

    .middleTextContent_1 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .sm-p-tb-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    ul.inline-list li {
        padding: 15px 10px;
        font-size: 18px;
        width: 45%
    }

    .sm-p-0 {
        padding: 0 !important
    }

    .sm-p-lr-15 {
        padding-left: 15px !important;
        padding-left: 15px !important
    }

    .topBanner_0 {
        padding-left: 20px;
        padding-right: 15px;
        padding-top: 20px;
        padding-bottom: 10px
    }

    .flipCard .cardFrontSide, .flipCard .cardBackSide {
        padding-left: 0;
        padding-right: 0
    }

    .ButtomLeftbanner {
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0%;
        margin-bottom: 0%
    }

        .ButtomLeftbanner h5 {
            font-size: 32px;
            margin-bottom: 20px
        }

        .ButtomLeftbanner p {
            font-size: 16px
        }

    .desktop-Image {
        display: none
    }

    .mobi-Image {
        display: block
    }

    .thumbnailCard {
        margin-bottom: 30px !important;
        top: initial;
        bottom: 0;
        right: 5%;
        width: 90%;
        padding: 30px !important;
        margin: 30px auto
    }

    .blockWrapper.phoneBanner_1 {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px
    }

    .imgsWrap {
        height: 650px;
        overflow: hidden
    }

    .thumbnailCard h5 {
        font-size: 35px
    }

    .thumbnailCard p {
        font-size: 16px
    }

    .bg-Ipone11Pro {
        left: 0
    }

    ul.inline-list {
        padding: 0 0
    }

    .blockWrapper .btn-primary {
        margin-top: 20px;
        margin-bottom: 40px
    }

    .phoneBanner_1 .btn-primary {
        margin-top: 0;
        margin-bottom: -10px
    }

    .middleTextContent_1 .btn-primary {
        margin-top: 0;
        margin-bottom: 0
    }

    .ButtomLeftbanner .btn-primary {
        margin-top: 15px;
        margin-bottom: 0
    }

    .thumbnailCard .btn-primary {
        margin-bottom: 0;
        padding: 18px 15px 15px
    }

    .inverstorLastBlock {
        margin-left: auto;
        margin-right: auto
    }

    .phoneBanner_1 h5 {
        font-size: 35px
    }

    .phoneBanner_1 p {
        font-size: 16px
    }

    .phoneBottomTextCols .textParagraph {
        padding-bottom: 0
    }

    .sectionInv_8 .thumbnailCard {
        right: 0;
        width: 100%;
        margin: 0
    }

    .innerCardbody {
        display: table-cell;
        vertical-align: bottom;
        padding: 25px 20px
    }

    .innerCardbodyText {
        padding: 25px !important
    }

    .sectionInv_7 .ButtomLeftbanner {
        margin-top: 0;
        padding: 0;
        margin-left: auto;
        margin-right: auto
    }

    .sectionInv_7 .bannerImg {
        text-align: center
    }

    .sectionInv_7_1, .sectionInv_7_2 {
        padding-top: 50px;
        padding-bottom: 30px
    }

    .sectionInv_7 .ButtomLeftbanner h6 {
        font-size: 20px
    }

    .sectionInv_7 .ButtomLeftbanner p {
        font-size: 16px;
        margin-bottom: 15px
    }

    .sectionInv_6_2 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .inverstorLastBlock_2 .innerCardbody {
        padding-left: 0;
        padding-right: 0
    }

    .sectionInv_7_1, .sectionInv_7_2 {
        margin-top: 0;
        margin-bottom: 0
    }

        .sectionInv_7_1 .innerCardbody {
            padding: 0;
            display: initial
        }

    .blockWrapper.thumbnailCard.sectionInv_3_11 {
        width: 100%;
        margin: 0 !important;
        min-height: inherit
    }

    .sectionInv_3_12 .innerCardbody {
        vertical-align: middle
    }

    .sectionInv_3_12 .sectionInv_3_11 {
        position: relative;
        width: 100%
    }

    .row.sectionInv_3_12 {
        margin-right: 5px;
        margin-left: 5px
    }

        .row.sectionInv_3_12.no-gutters, .colBlock_5_1 {
            padding-left: 15px !important;
            padding-right: 15px !important
        }

        .row.sectionInv_3_12.no-gutters {
            margin-left: 0;
            margin-right: 0
        }

    .sectionInv_6_2 h5, .sectionInv_6_2 p {
        margin-bottom: 10px
    }

    .inverstorLastBlock_2 {
        padding-top: 0
    }

    .sectionInv_3_11.colBlock_5_1 {
        padding-bottom: 0 !important;
        margin-bottom: -20px !important
    }

    .colBlock_5_1 .innerCardbody, .colBlock_5_1 .sectionInv_6_2 {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .state-clicked {
        margin-top: -30px;
        padding-top: 20px
    }

        .state-clicked a.go-back {
            top: 20px;
            left: 20px
        }

    .blockWrapper.thumbnailCard.sectionInv_6_2 {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .topBanner_0 p {
        font-size: 16px
    }

    .QoC-section .thumbnailCard {
        width: 90%;
        max-width: initial;
        right: 5%;
        top: initial;
        bottom: initial
    }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard p {
        margin-bottom: 35px
    }

        #dnn_BottomFullBanner .QoC-section .thumbnailCard p:last-child {
            margin-bottom: 0
        }

    .blockWrapper.thumbnailCard.sectionInv_3_11 h5 {
        display: none
    }

    .blockWrapper.thumbnailCard.sectionInv_3_11.colBlock_5_1 .innerCardbody {
        padding-left: 0;
        padding-right: 0
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 75px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        width: 100%;
        max-width: initial;
        right: 0
    }

    .cardBlock_5 .thumbnailCard h5 {
        margin-bottom: 25px
    }

    .cardBlock_5 .thumbnailCard p {
        margin-bottom: 25px
    }

    #dnn_bottomFullWidthBanner_6 .sectionInv_8 .imgsWrap {
        height: 865px;
        background-color: #eee5de
    }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard {
        width: 96%;
        max-width: initial;
        right: 2%;
        top: initial;
        bottom: 0
    }

    .sectionInv_7_1 {
        min-height: initial;
        margin-top: 0;
        margin-bottom: 30px
    }

    .publications-titles .item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .errorMsg h2 {
        margin-top: 20px
    }

    .ReuseBanner .ImageContainer img, .ReuseBanner .ImageContainer-1 img {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-bottom-left-radius: 0;
        border-top-right-radius: 3px
    }

    .image-form-block .AppointmedImage .InfoBlock {
        display: none
    }

    #publications .publications-all-titles .item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width: 960px) {
    #IndividualDoctorSlider {
        padding-right: 7%
    }

    .media-banner-content {
        width: 40%
    }

        .media-banner-content .media-banner-text {
            font-size: 45px
        }
}

@media(max-width: 930px) {
    #IndividualDoctorSlider {
        padding-right: 3%
    }
}

@media(max-width: 900px) {
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 53%
    }

    #AppointmedForm .SpecialistDetail p {
        margin-left: 38px
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
        font-size: 55px;
        width: 63%
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 405px;
        margin: 60px 32px 20px
    }

        #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
            padding: 18px 20px 0 25px;
            font-size: 16px;
            -webkit-line-clamp: 6
        }

        #AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText, .CustomerFeedbackSlider .SlideText {
            padding: 20px 60px 12px;
            margin: 5px
        }

    #AppointMedSliderNav, #AppointMedSliderNav.NetcarePlusSliderNav {
        height: 35px
    }

        #AppointMedSliderNav.CustomerFeedbackSliderNav {
            height: 10px !important
        }

        #AppointMedSliderNav .dots, #AppointMedSliderNav.NetcarePlusSliderNav .dots, .CustomerFeedbackSliderNav .dots {
            bottom: 25px !important
        }

        #AppointMedSliderNav .prev-arrow.slick-arrow, #AppointMedSliderNav .next-arrow.slick-arrow, #AppointMedSliderNav.NetcarePlusSliderNav .prev-arrow.slick-arrow, #AppointMedSliderNav.NetcarePlusSliderNav .next-arrow.slick-arrow, .CustomerFeedbackSliderNav .prev-arrow.slick-arrow, .CustomerFeedbackSliderNav .next-arrow.slick-arrow {
            bottom: 0
        }

    .individualSectionBox .SectionBlock, #IndividualDoctorSlider .SectionBlock {
        width: 340px !important
    }

    .CovidRefresh .InfoSectionLeft h1, .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 65px;
        margin-bottom: 20px
    }

    .media-banner-content {
        width: 45%
    }
}

@media(max-width: 859px) {
    .NetcarePlusBannerText {
        margin-top: -48%;
        top: -275px
    }

    .individualSectionBox .SectionBlock, #IndividualDoctorSlider .SectionBlock {
        width: 320px !important
    }

    .CovidRefresh .InfoCard1 h3, .CovidRefresh .InfoCard2 h3 {
        margin-bottom: 40px
    }

    .InfoSectionRight.HealthcareFAQ .InfoCard1 h3, .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
        margin-bottom: 25px
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 65px
    }

    .errorMsg {
        margin-top: -28%
    }

        .errorMsg h2 {
            margin-top: 20px;
            font-size: 20px;
            line-height: 140%
        }

    footer .footertop {
        flex-direction: column;
        margin-left: 60px;
        margin-right: 60px
    }

        footer .footertop .linksblock {
            display: none
        }

        footer .footertop .linksblock-mobile {
            display: block;
            margin-top: 12px
        }

            footer .footertop .linksblock-mobile .FooterHeading {
                font-family: 'Open Sans Light';
                font-style: normal;
                font-weight: bold;
                font-size: 16px;
                line-height: 22px;
                display: flex;
                align-items: center;
                letter-spacing: -.03em;
                color: #fff;
                margin-top: 30px
            }

                footer .footertop .linksblock-mobile .FooterHeading:hover {
                    cursor: pointer
                }

                footer .footertop .linksblock-mobile .FooterHeading.collapsed {
                    background: url("/Portals/_default/skins/netcare-core/images/icons/WhiteArrowDown.svg") no-repeat right
                }

            footer .footertop .linksblock-mobile .FooterHeading {
                background: url("/Portals/_default/skins/netcare-core/images/icons/WhiteArrowUp.svg") no-repeat right
            }

            footer .footertop .linksblock-mobile .group-links {
                margin-top: 20px
            }

            footer .footertop .linksblock-mobile .FooterLink a {
                font-family: Open Sans;
                font-style: normal;
                font-weight: normal;
                font-size: 14px;
                line-height: 350%;
                color: #bec2c6
            }

    footer .footermiddle {
        flex-wrap: wrap-reverse
    }

        footer .footermiddle .legal {
            width: 100%
        }

        footer .footermiddle .legal-links.linkslist1 {
            flex-direction: column
        }

            footer .footermiddle .legal-links.linkslist1 .legalLink {
                border-bottom: 1px solid #80898f;
                border-right: 0;
                width: 100%;
                padding: 0;
                padding-top: 20px;
                padding-bottom: 20px
            }

                footer .footermiddle .legal-links.linkslist1 .legalLink:first-child {
                    border-top: 1px solid #80898f
                }

        footer .footermiddle .legal-links.linkslist1 {
            margin-bottom: 30px
        }

        footer .footermiddle .legal-links.linkslist2 {
            margin-bottom: 20px;
            justify-content: flex-start;
            flex-wrap: wrap
        }

            footer .footermiddle .legal-links.linkslist2 .legalLink {
                margin-bottom: 10px
            }

                footer .footermiddle .legal-links.linkslist2 .legalLink:first-child {
                    width: 100%;
                    border: 0
                }

                footer .footermiddle .legal-links.linkslist2 .legalLink:nth-child(2) {
                    padding-left: 0
                }

    footer .dividerLine {
        margin: 0 60px 0 60px
    }

    footer .footerbottom {
        display: block;
        margin-bottom: 30px
    }

        footer .footerbottom .social-media {
            display: block;
            margin-bottom: 20px
        }

        footer .footerbottom .mobile-apps {
            display: flex;
            gap: 8px
        }

            footer .footerbottom .mobile-apps img {
                width: 100%;
                margin-right: 0
            }

    footer a > span.TM {
        line-height: 40px
    }

    footer .netcareplus-ribbon-bottom {
        justify-content: flex-start
    }

        footer .netcareplus-ribbon-bottom .text-right {
            padding-left: 25px
        }
}

@media(max-width: 810px) {
    AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
        margin: 0 auto;
        display: block
    }

    .AppointmentBannerText h2, .BookAppointmentBannerText h2 {
        width: 71%
    }

    .AppointmentBannerText, .BookAppointmentBannerText {
        margin-top: -280px
    }

    .NetcarePlusBannerText h2 {
        width: 90% !important
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 68px
    }

    .InfoCard1, .InfoCard2 {
        margin: 40px
    }

    .NetcarePlusBannerText {
        margin-top: -44%
    }

    .GridTitle, #HealthcareGrid .GridTitle {
        font-size: 55px
    }

    .GridThree .GridTitle {
        width: 60% !important
    }

    #HealthcareGrid .GridThree .GridTitle {
        width: 65% !important
    }

    .individualSectionBox .SectionBlock, #IndividualDoctorSlider .SectionBlock {
        width: 299px !important;
        height: 165px
    }

    .CovidPage.InfoBlock .InfoBlockTitle {
        font-size: 60px;
        margin: 0
    }

    #BigSlider.BannerContent .BigSlide .Content {
        padding: 30px 45px
    }

    .CovidRefresh .InfoSectionLeft h1, .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 55px
    }

    .media-banner-content {
        width: 50%
    }

    #dnn_bottomFullWidthBanner_6 .sectionInv_8 .imgsWrap {
        height: 802px
    }

    .errorMsg {
        margin-top: -44%
    }
}

@media(max-width: 767px) {
    #AppointmedForm.IndividualDoctors .VoucherBlock {
        font-family: 'Open Sans';
        border: 2px solid #1d3443;
        border-radius: 5px;
        padding: 15px 30px 15px 20px;
        position: relative;
        background-color: #f8f6f4 !important;
        color: #1d3443 !important;
        font-size: 14px;
        width: 100%;
        margin: auto
    }

    .doctor-accordin-view h2 {
        padding-left: 45px
    }

    .BIO-Section .request-appoint-link {
        font-size: 14px
    }

    .doctor-appointment-wrapper {
        margin-left: 0 !important
    }

    .doctor-appointment-row {
        margin-top: 10px !important
    }

    .BIO-Section .doctor-facility-hours {
        padding-top: 15px
    }

    .BIO-Section .request-appoint-link {
        padding-right: 43px
    }

    .bio-title-text {
        font-size: 13px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 30px;
        font-size: 30px
    }

    .AppointmedTooltipmodal-content {
        width: 60%
    }

        .AppointmedTooltipmodal-content p {
            margin-left: 0 !important
        }

    #NetcareSlider {
        background-position-y: 280px
    }

    .section-block {
        margin-bottom: 15px
    }

        .section-block a.GoldLink {
            position: relative
        }

    .executive-block, .executive-block p {
        font-size: 16px
    }

    .strategic-box.strategic-large {
        min-height: auto
    }

    .education-half:first-child {
        padding-left: 15px
    }

    .education-block {
        min-height: auto
    }

    .content-block {
        min-height: auto
    }

    .content-right {
        padding-right: 0
    }

    .QuoteBlock {
        font-size: 30px;
        line-height: 40px
    }

    .ContactUsBlock {
        margin-bottom: 15px
    }

        .ContactUsBlock p:last-child {
            margin-bottom: 30px
        }

    .MapFrame, .MapDetails {
        width: 100%
    }

    DnnModule-SharePriceGraphMvc {
        width: 100%;
        height: 100%;
        margin-bottom: 225px !important
    }

    .DnnModule-SharePriceGraphMvc .SharePriceGraph {
        margin-bottom: 117px !important
    }

    .shareprice-title, .shareprice-subtitle {
        font-size: 18px !important;
        line-height: 24px;
        width: 100%;
        padding-left: 15px
    }

    #share-graph-filtering {
        position: inherit;
        right: 0;
        top: 0;
        margin-top: 15px;
        padding-left: 15px
    }

        #share-graph-filtering span {
            padding: 5px
        }

    .SubPage .DnnModule-SharePriceGraphMvc {
        width: 100% !important;
        margin-bottom: 225px
    }

    .CoverAIRContainer {
        margin-top: 15px;
        margin-bottom: 15px
    }

        .CoverAIRContainer img {
            width: 54%
        }

    h4.AIRSsubHeading {
        width: 40%
    }

    .SharePriceInfo.shareprice-price-control h3 {
        display: block;
        font-family: "Open Sans";
        margin-top: 24px;
        font-size: 24px;
        line-height: 28px;
        font-weight: 600;
        padding-left: 30px
    }

    .Reports {
        margin-right: 0;
        padding-bottom: 20px
    }

    .Reports, .IRSPatternBlockSecondary, .SENSThird, .MediaReleaseThird {
        margin-top: 30px
    }

    .SENSThird, .MediaReleaseThird {
        margin-bottom: 0
    }

    .NewsSummaryItem, .media-listing-item {
        min-height: auto;
        padding-bottom: 15px;
        margin-bottom: 20px
    }

        .NewsSummaryItem .Date {
            margin-bottom: 5px
        }

    .FilterWrapper > .ProvinceContainer, .FilterWrapper > .TownContainer, .FilterWrapper > .DoctorsNameContainer {
        width: 100%;
        float: none;
        padding: 0 0 10px 0;
        margin-top: 15px
    }

    #see-all {
        margin-top: -70px;
        margin-bottom: 40px
    }

    .Logos .LogoItem img {
        max-width: 85%;
        margin: 0 auto;
        display: block
    }

    .ActionLinks .ActionLinkItem a .text {
        font-size: 14px;
        line-height: 16px
    }

    #PageScroller {
        width: 100%
    }

    #hccMediaContent > .HospitalCategories {
        width: 100%;
        float: none;
        padding: 15px 0 0 0
    }

    div#netcare-education {
        float: none;
        margin-left: -5px;
        margin-right: -5px
    }

    div#TrainingProgrammes_length {
        float: none;
        margin-bottom: 10px
    }

    div#TrainingProgrammes_filter {
        float: none;
        margin-bottom: 10px
    }

    div#TrainingProgrammes_info {
        float: none
    }

    div#TrainingProgrammes_paginate {
        float: none;
        margin-top: 10px
    }

    #BigSlider {
        height: 800px
    }

        #BigSlider .BigSlide .Content {
            padding: 50px
        }

    .blue-icon-box {
        width: 48% !important
    }

    .LogoLine .LineText {
        width: 40%;
        padding: 0 15px
    }

        .LogoLine .LineText .serif-text {
            font-size: 18px;
            line-height: 21px;
            letter-spacing: .1em
        }

    .LogoLine .LogoText {
        font-size: 14px;
        line-height: 19px;
        margin-top: 3px
    }

        .LogoLine .LogoText .FooterYou {
            background-size: 85%;
            background-position-x: 2px;
            background-position-y: 17px;
            min-height: 24px
        }

    .blue-icon-box h2 {
        font-size: 46px !important
    }

    .third-nr-box {
        width: 100% !important
    }

    #Hospital .HospitalWrapper .HospitalRow, #Clinic .ClinicWrapper .ClinicRow, #Specialist .SpecialistWrapper .SpecialistRow, #Doctor .DoctorsWrapper .DoctorRow, #Dentist .DentistWrapper .DentistRow {
        padding-bottom: 10px;
        overflow: auto
    }

    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow {
        display: block
    }

    #Hospital .HospitalWrapper .HospitalRow > div, #Specialist .SpecialistsWrapper .SpecialistRow > div, #Doctor .DoctorsWrapper .DoctorRow > div, #Dentist .DentistWrapper .DentistRow > div, #Clinic .ClinicWrapper .ClinicRow > div, #Vacancies .VacanciesWrapper .HospitalRow > div {
        border-top: 0 !important;
        padding-top: 10px
    }

    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow > div.MobileHeading {
        display: none !important
    }

    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow {
        margin-top: 20px !important;
        padding: 20px;
        border: solid 1px #dfdfdf;
        border-radius: 10px
    }

    #Hospital, #Clinic, #Specialist, #Doctor, #Dentist {
        padding: 10px 0 40px
    }

        #Hospital .FilterWrapper > .ProvinceContainer, #Hospital .FilterWrapper > .TownContainer, #Hospital .FilterWrapper > .ClinicsNameContainer, #Clinic .FilterWrapper > .ProvinceContainer, #Clinic .FilterWrapper > .TownContainer, #Clinic .FilterWrapper > .ClinicsNameContainer, #Specialist .FilterWrapper > .ProvinceContainer, #Specialist .FilterWrapper > .TownContainer, #Specialist .FilterWrapper > .DoctorsNameContainer #Doctor .FilterWrapper > .ProvinceContainer, #Doctor .FilterWrapper > .TownContainer, #Doctor .FilterWrapper > .DoctorsNameContainer, #Doctor .FilterWrapper > .HospitalContainer, #Dentist .FilterWrapper > .ProvinceContainer, #Dentist .FilterWrapper > .TownContainer, #Dentist .FilterWrapper > .DoctorsNameContainer, #Dentist .FilterWrapper > .HospitalContainer {
            width: 100%;
            float: none;
            padding: 0 0 10px 0
        }

        #Hospital .HospitalWrapper .HospitalRow:first-child > div, #Clinic .ClinicWrapper .ClinicRow:first-child > div, #Specialist .SpecialistsWrapper .SpecialistRow:first-child > div, #Doctor .DoctorsWrapper .DoctorRow:first-child > div, #Dentist .DentistWrapper .DentistRow:first-child > div {
            display: none !important
        }

        #Hospital .HospitalWrapper .HospitalRow > div, #Clinic .ClinicWrapper .ClinicRow > div, #Specialist .SpecialistsWrapper .SpecialistRow > div, #Doctor .DoctorsWrapper .DoctorRow > div, #Dentist .DentistWrapper .DentistRow > div {
            display: block !important;
            overflow: auto;
            width: 100%
        }

        #Hospital .HospitalWrapper .HospitalRow > .Distance, #Clinic .ClinicWrapper .ClinicRow > .Distance, #Specialist .SpecialistsWrapper .SpecialistRow > .Distance, #Doctor .DoctorsWrapper .DoctorRow > .Distance, #Dentist .DentistWrapper .DentistRow > .Distance {
            display: none !important
        }

        #Hospital .HospitalWrapper .HospitalRow .DetailsButtonContainer a, #Clinic .ClinicWrapper .ClinicRow .DetailsButtonContainer a, #Specialist .SpecialistsWrapper .SpecialistRow .DetailsButtonContainer a, #Doctor .DoctorsWrapper .DoctorRow .DetailsButtonContainer a, #Dentist .DentistWrapper .DentistRow .DetailsButtonContainer a {
            float: left
        }

        #Hospital .HospitalWrapper .DenstistRow > div, #Clinic .ClinicWrapper .ClinicRow > div, #Specialist .SpecialistWrapper .SpecialistRow > div, #Doctor .DoctorsWrapper .DoctorRow > div, #Dentist .DentistWrapper .DentistRow > div {
            display: block;
            overflow: auto
        }

        #Hospital .HospitalWrapper, #Clinic .ClinicWrapper, #Specialist .SpecialistsWrapper, #Doctor .DoctorsWrapper, #Dentist .DentistWrapper {
            display: table;
            width: 100%
        }

    .MobileHeading {
        font-weight: bold;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        align-items: center;
        letter-spacing: .15em;
        text-transform: uppercase;
        color: #80898f;
        border: 0 none !important;
        border-top: 0;
        padding: 0 5px !important;
        margin-top: 15px
    }

    #Hospital .HospitalWrapper .HospitalRow > div.EMail, #Specialist .SpecialistsWrapper .SpecialistRow > div#EMail, #Doctor .DoctorsWrapper .DoctorRow > div#EMail, #Dentist .DentistWrapper .DentistRow > div.EMail, #Clinic .ClinicWrapper .ClinicRow > div.EMail, #Vacancies .VacanciesWrapper .HospitalRow > div.EMail {
        border-bottom: 1px solid #dfdfdf !important;
        padding-bottom: 30px;
        margin-bottom: 25px
    }

    .listing-columns {
        -moz-column-count: 2;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2
    }

    .SubPageMenuContainer .navbar-nav {
        float: none;
        border-bottom: 1px solid rgba(0,0,0,.1);
        margin: -1px
    }

    .background-box-clinic-outcome {
        padding: 15px 20px;
        text-align: center
    }

    .LineHeader {
        height: 47px
    }

    #Vacancies .FilterWrapper {
        padding: 10px 0 0
    }

        #Vacancies .FilterWrapper .ProvinceContainer, #Vacancies .FilterWrapper .DivisionContainer, #Vacancies .FilterWrapper .CategoryContainer {
            width: 100%;
            float: none;
            padding: 0 0 10px 0
        }

    #Vacancies .VacanciesWrapper {
        padding-top: 0
    }

        #Vacancies .VacanciesWrapper .VacanciesRow:first-child {
            display: none
        }

        #Vacancies .VacanciesWrapper .VacanciesRow {
            display: block;
            padding-bottom: 30px;
            margin-bottom: 25px;
            overflow: auto;
            border-bottom: 1px solid #dfdfdf !important
        }

        #Vacancies .VacanciesWrapper #vacancySearchHeader {
            display: none
        }

        #Vacancies .VacanciesWrapper .VacanciesRow > div {
            display: block !important;
            overflow: auto;
            border-top: 0 !important;
            padding: 10px 5px
        }

    #Vacancies .FilterWrapper .ButtonContainer button {
        display: block;
        width: 100%;
        margin-top: 15px
    }

    #Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a {
        float: none
    }

    #VacanciesDetails .dl-horizontal dt {
        font-weight: bold
    }

    #VacanciesDetails a.RedLink, #VacanciesDetails .apply, #VacanciesDetails .apply:focus {
        margin: 10px 0
    }

    #Vacancies + #myModal .modal-footer button, #Vacancies + #myModal .modal-footer button:focus {
        padding: 10px 35px
    }

    @-moz-document url-prefix() {
        #SearchHospital, #SearchSpecialist, #SearchDoctor, #SearchDentist, #SearchClinic, #SearchVacancies {
            margin-bottom: 0;
        }
    }

    .CovidBlockWrapper {
        padding: 40px;
        width: 100%
    }

        .CovidBlockWrapper h2 {
            width: 100%
        }

        .CovidBlockWrapper .CovidStats .StatBlock {
            display: block;
            padding-left: 0;
            margin-bottom: 20px
        }

            .CovidBlockWrapper .CovidStats .StatBlock .number {
                text-align: left;
                margin-top: 15px
            }

        .CovidBlockWrapper .WebsiteWrapper .StatsLogo, .CovidBlockWrapper .WebsiteWrapper .WebsiteLink {
            width: 100%;
            display: block;
            padding-left: 0
        }

        .CovidBlockWrapper .WebsiteWrapper .WebsiteLink {
            margin-top: 30px
        }

            .CovidBlockWrapper .WebsiteWrapper .WebsiteLink a {
                margin-top: 10px
            }

    #BigSlider.CovidSlider {
        height: 900px
    }

    #AppointmedForm .steps .stepTitleMobile {
        font-size: 20px;
        width: 100%
    }

    #AppointmedForm > .content > .body h4.HeadingPlus {
        text-align: left;
        padding-left: 28px;
        font-size: 12px !important;
        letter-spacing: .15em;
        margin-top: 20px !important;
        width: 100%;
        background-size: 16px
    }

    #AppointmedForm > .content {
        width: 100% !important;
        margin: 0 !important
    }

        #AppointmedForm > .content > .PersonalDetailSection.expandHeight {
            height: 1025px !important
        }

        #AppointmedForm > .content > .body h2, .DoctorHeading h2 {
            margin-bottom: 10px
        }

        #AppointmedForm > .content > .body button {
            width: 100%
        }

    #AppointmedForm.IndividualDoctors > .content > .body button {
        width: 100%;
        margin: 0 0 20px 0
    }

    #AppointmedForm.IndividualDoctors > .content > .body input {
        padding: 0 20px !important
    }

    #AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #1d3443 !important;
        padding-left: 15px;
        line-height: 20px;
        font-size: 15px;
        vertical-align: text-top;
        width: 80%
    }

    #AppointmedForm > .content > .body .select2-container--default .select2-selection--single, #AppointmedForm > .content > .body select, #AppointmedForm > .content > .body input {
        font-size: 14px;
        padding-left: 10px !important
    }

    #AppointmedForm > .content > .body .inputWrapper.Username {
        height: 55px
    }

    #AppointmedForm > .content > .body .inputWrapper.Username {
        height: 55px
    }

    #AppointmedForm > .content > .body label.inputLabel {
        font-size: 15px;
        width: 65%
    }

    #AppointmedForm .please-note {
        padding: 11px 10px;
        background-size: 30px 30px;
        background-position: 12px 11px;
        padding-left: 53px;
        font-size: 14px;
        margin-bottom: 10px
    }

        #AppointmedForm .please-note.please-note-discipline {
            background-position: 11px 6px
        }

    #AppointmedForm > .content > .body input::placeholder, #AppointmedForm > .content > .body textarea::placeholder, #AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 15px
    }

    #AppointmedForm .please-note.please-note.incomplete-profile-notice {
        padding-right: 10px
    }

    #AppointmedForm > .content > .body .intl-tel-input.allow-dropdown .flag-container, #AppointmedForm .intl-tel-input.separate-dial-code .flag-container {
        padding-left: 0 !important;
        margin-left: -10px
    }

    #AppointmedForm > .content > .body label.inputLabel {
        margin-left: 18px !important;
        margin-right: 10px !important
    }

    #AppointmedForm > .content > .body {
        padding: 40px !important
    }

    #AppointmedForm.IndividualDoctors > .content > .body {
        padding: 70px !important
    }

    #AppointmedForm.IndividualDoctors .NetCarePlus {
        margin-top: 0
    }

    #AppointmedForm.IndividualDoctors section .SectionButtons {
        bottom: -70px
    }

    .Section-Button-padding {
        margin-bottom: 0 !important
    }

    #AppointmedForm .SpecialistDetail p {
        padding: 5px 5px;
        margin-left: 25px
    }

    #AppointmedForm > .content > .body h2, .DoctorHeading h2 {
        margin-left: 25px
    }

    #AppointmedForm.IndividualDoctors > .content > .body h2, .DoctorHeading h2 {
        margin-left: 0
    }

    #AppointmedForm .VoucherBlock {
        width: 100%;
        margin: 0
    }

    #AppointmedForm p {
        margin-left: 0;
        margin-right: 5px
    }

    #AppointmedForm .NetCarePlus a {
        margin-left: 10px !important
    }

    #AppointmedForm.IndividualDoctors .NetCarePlus a {
        margin-left: 0 !important
    }

    #AppointmedForm section .SectionButtons {
        margin-top: 10px
    }

    #AppointmedForm > .content > #AppointmedForm-p-4 {
        min-height: 900px !important
    }

    .AppointmedFormImageMobile {
        width: 100%;
        margin-left: 0
    }

    .NetcarePlusSlider {
        height: 710px !important
    }

    .NetcarePlusWrapper .IconWrapper {
        margin-left: -10%
    }

        .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
            padding: 0;
            margin: 10px 0
        }

        .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
            width: 60%
        }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 38px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 12px
    }

    #BigSlider .NetcarePlusSlider {
        height: 700px
    }

    .TermAndConditions .ContentUnderPlus {
        margin-left: 10px
    }

    #TermAndConditionsBlueLink {
        margin-left: 10px
    }

    .TermAndConditions .termsList {
        line-height: 24px;
        margin-left: 28px
    }

    .SpecialistPlusWrapper .TownContainer {
        margin-top: 15px
    }

    .FilterWrapperPlus {
        margin-top: 0
    }

    .SpecialistPlusWrapper label {
        margin-bottom: 10px !important
    }

    .IconWrapper .ValueItemInner .heading#headingDesktop {
        display: none
    }

    .IconWrapper .ValueItemInner .heading#headingMobile {
        display: block
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 32%;
        padding: 5px 32px
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2 {
        width: 125px;
        height: 125px;
        margin-right: 0
    }

    .AppointmentBoxes .box1 {
        margin-right: 10px
    }

    .AppointmentHours {
        display: inline-block;
        padding-top: 5px
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        display: inline;
        margin-left: 28%
    }

    .AppointmedLink {
        background-position: 100% !important
    }

    .AppointmentBoxes .box3 {
        width: 125px;
        height: 115px;
        display: flex;
        margin-left: 53%;
        margin-top: 15px;
        opacity: .1;
        z-index: -1
    }

    .HoursWrapper {
        padding-bottom: 0
    }

    .AppointmentBannerMobile img, .NetcarePlusBannerMobileTop img {
        display: block;
        width: 100%
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
        font-size: 50px;
        margin-bottom: 35px;
        width: 75%
    }

    .AppointmentBannerText, .BookAppointmentBannerText {
        margin-top: -265px
    }

    .NetcarePlusBannerText {
        margin-top: -48%;
        top: -185px
    }

    .AppointmentHours p:nth-child(2), .AppointmentHours p:nth-child(3) {
        font-size: 20px !important
    }

    #AppointMedNew p {
        font-size: 16px
    }

    .LogoBoxes img {
        margin-top: 40px
    }

    .LogoTextAppointmed {
        margin-top: 65px
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 405px;
        margin: 60px 32px 20px
    }

        #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
            padding: 0 15px 0 15px;
            font-size: 16px;
            -webkit-line-clamp: 8
        }

        #AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText, .CustomerFeedbackSlider .SlideText {
            padding: 12px 45px 12px;
            margin: 5px
        }

    #AppointMedSliderNav, #AppointMedSliderNav.NetcarePlusSliderNav {
        height: 35px
    }

        #AppointMedSliderNav .dots, #AppointMedSliderNav.NetcarePlusSliderNav .dots {
            bottom: 25px !important
        }

    #AppointMedSlider .slick-slide.slick-current .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background-size: 15%
    }

    #AppointMedSlider .SlideText h6, #AppointMedSlider.NetcarePlusReviewSlider .SlideText h6, .CustomerFeedbackSlider .SlideText h6 {
        margin-bottom: 5px
    }

    #AppointMedSlider .slick-slide, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide, .CustomerFeedbackSlider .slick-slide {
        transform: scale(.8)
    }

    .CarouselText p {
        padding-left: 30px;
        padding-right: 30px;
        text-align: initial !important
    }

    .AppointmentImg img, .NetcarePlusImg img {
        margin-top: -85px
    }

    .NetcarePlusImg img {
        margin-top: 10px
    }

    .AppointmentLogoMobile img, .NetcarePlusLogoMobile img {
        width: 55%
    }

    .NetcarePlusBannerText p {
        margin-bottom: 10px
    }

    .NetcarePlusCarousel, .FeedbackCarousel {
        padding-bottom: 30px
    }

    .FilterWrapperPlus .DoctorsNameContainer input::placeholder {
        font-size: 16px
    }

    #Specialist .SpecialistWrapperPlus .SpecialistRow .name {
        border-bottom: solid 1px #dfdfdf !important;
        color: #1d3443
    }

        #Specialist .SpecialistWrapperPlus .SpecialistRow .name span {
            font-family: 'Open Sans Bold';
            font-size: 16px
        }

        #Specialist .SpecialistWrapperPlus .SpecialistRow .name > footer span {
            font-family: 'Open Sans Light';
            font-size: 14px
        }

    #Specialist .SpecialistWrapperPlus .SpecialistRow #institution {
        border-bottom: solid 1px #dfdfdf !important;
        margin: 15px 0
    }

        #Specialist .SpecialistWrapperPlus .SpecialistRow #institution > a div {
            font-size: 16px !important;
            opacity: .5;
            color: #1d3443
        }

    #Specialist .SpecialistWrapperPlus .SpecialistRow .ContactNumber a {
        color: #1d3443 !important;
        font-family: 'Open Sans Semi-Bold';
        background: url(../images/BlueArrow.svg) no-repeat right center;
        padding-right: 20px;
        font-size: 16px !important
    }

    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow:first-child {
        display: none
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText h2 {
        font-size: 35px
    }

    div#DoctorInformation .ContactInfoBlock h2 {
        display: none
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        position: relative;
        letter-spacing: .1em;
        margin-right: auto;
        margin-left: auto;
        left: 0;
        right: 0;
        display: block
    }

    div#DoctorInformation .InfoBlock {
        padding: 35px 45px;
        background: linear-gradient(181.93deg,#fff 1.63%,#f7f7f7 85.81%)
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock, div#DoctorInformation .ContactInfoBlock .RightBlock, div#DoctorInformation .ContactInfoBlock {
        display: inline-block
    }

        div#DoctorInformation .ContactInfoBlock .RightBlock, div#DoctorInformation .ContactInfoBlock, div#DoctorInformation .ContactInfoBlock .LeftBlock {
            width: 100% !important
        }

    div#DoctorInformation .ContactInfoBlock {
        margin-left: 1px
    }

        div#DoctorInformation .ContactInfoBlock .RightBlock {
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
            border-top-right-radius: 0;
            background: #1d3443;
            padding: 20px 40px 50px 30px;
            overflow-y: visible;
            min-height: 500px
        }

        div#DoctorInformation .ContactInfoBlock .LeftBlock {
            border-radius: 5px 5px 0 0;
            padding: 30px 0;
            background: #1d3443;
            margin-bottom: -10px
        }

            div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading.active {
                color: #fff;
                border-bottom: 0
            }

            div#DoctorInformation .ContactInfoBlock .LeftBlock #Languages, div#DoctorInformation .ContactInfoBlock .LeftBlock #Availability, div#DoctorInformation .ContactInfoBlock .LeftBlock #PracticeHeading, .DoctorProfile .HeadingWrapper .Heading {
                display: block;
                width: auto;
                margin-bottom: 10px
            }

    .HeadingWrapper.nav.nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: max-content;
        padding: 0 25px;
        overflow-x: scroll;
        white-space: nowrap;
        overflow-y: hidden;
        scrollbar-width: none;
        margin-bottom: -20px !important;
        -ms-overflow-style: none
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        border-bottom: 0;
        color: #e8e9ea;
        font-family: 'Open Sans Semi-Bold';
        font-size: 16px;
        text-align: center;
        letter-spacing: .15em;
        opacity: .67
    }

    #AppointmedForm > .content > .PersonalDetailSection {
        min-height: 900px !important
    }

    #AppointmedForm.IndividualDoctors > .content > .PersonalDetailSection {
        height: 910px !important
    }

    div#DoctorInformation .ContactInfoBlock {
        margin-top: 20px;
        height: auto;
        margin-bottom: 30px
    }

        div#DoctorInformation .ContactInfoBlock .RightBlock .Location {
            margin-bottom: 35px
        }

        div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
            margin: 0;
            margin-left: 30px
        }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section {
        padding: 25px 25px
    }

        div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field {
            padding: 13px 0
        }

    div#dnn_LiveForm .LiveForm.Default .Field label {
        font-size: 15px
    }

    .AppointmedSignUp .GridContainer {
        padding-top: 12%
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 34%
    }

    div#dnn_LiveForm .LiveForm .Field > div input, div#dnn_LiveForm .LiveForm.Default .Field select {
        font-size: 17px !important
    }

        div#dnn_LiveForm .LiveForm .Field > div input[type="submit"] {
            width: 100% !important
        }

    div#DoctorInformation .ContactInfoBlock .CallNetcare, div#DoctorInformation .ContactInfoBlock .CallDoctor {
        bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        right: 0
    }

    .AvailabilityButton {
        position: absolute;
        width: inherit;
        bottom: -45%
    }

    .DoctorProfile .HeadingWrapper .Heading {
        margin: 0 10px 10px 0;
        flex-wrap: nowrap !important;
        margin-left: 10px
    }

    .SubDescription .DoctorBiography {
        column-count: 1
    }

    .DoctorProfile {
        background: none
    }

    .SubDescription .DoctorCertification {
        margin-top: 50px;
        margin-left: -3px
    }

    .SubDescription .CertListHeading {
        background: url(../images/icons/Qualifications.svg) no-repeat left 7% top;
        font-family: 'Open Sans Bold'
    }

    .SubDescription .DoctorBioHeading h2, .SubDescription .DoctorEduHeading h2, .SubDescription .DoctorPublication h2, div#ConsultHospital h2 {
        font-size: 35px;
        width: 90%;
        line-height: 145%;
        margin-bottom: 35px
    }

    .SubDescription .DoctorBioHeading h2 {
        width: 100%
    }

    #ConsultHospital .MakeAppointmedBtn {
        width: 100%;
        position: relative
    }

    div#ConsultWeekDayHours, div#ConsultWeekendHours {
        margin-top: 10px;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        justify-content: space-between;
        display: flex
    }

    div#ConsultWeekendHours {
        height: auto;
        padding: 10px 30px 10px 15px
    }

    #DoctorProfileSection .SectionBlock p {
        background: url(../images/icons/DarkBlueArrowSmall.svg) no-repeat top right 16px;
        width: calc(100% - 20px);
        padding-left: 30px;
        margin: 20px 0;
        padding-bottom: 12px
    }

    #DoctorProfileSection .SectionBlock:hover p {
        background-image: url(../images/icons/WhiteArrowSmall.svg)
    }

    #DoctorProfileSection .SectionBlock.active p, #DoctorProfileSection .SectionBlock.active:hover p {
        background-image: url(../images/icons/SmallWhiteArrowUp.svg)
    }

    div#SpecialisationList, div#SpecialisationPracList {
        margin-left: 0;
        margin-right: 20px;
        margin-top: 15px
    }

    .DoctorProfile .inputWrapper {
        width: 100%
    }

    div#ConsultWeekDayHours p, div#ConsultWeekendHours p {
        font-size: 14px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        line-height: 18px;
        align-items: center;
        color: #80898f;
        margin-bottom: 5px;
        word-spacing: 5px;
        padding-left: 35px;
        letter-spacing: .15em;
        text-transform: uppercase
    }

    #IndividualDoctorSlider, #SpecialInterestMenu .HomepageSliderNav, #SpecialInterestMenu .tab-content {
        display: none
    }

    #IndividualDoctorSliderMobile {
        display: grid !important;
        margin: 6% 0 0 -10px
    }

    .PracticeMobile {
        display: block !important
    }

    .DoctorProfile .HeadingWrapper.nav.nav-tabs {
        margin-left: -10px;
        padding-bottom: 35px
    }

    #ConsultWeekDayHours h2, div#ConsultWeekendHours h2 {
        margin-top: 18px;
        font-size: 25px;
        margin-left: 0;
        margin-bottom: 2px;
        width: 50%;
        text-align: right
    }

    #SpecialInterestMenu ul.slick-dots {
        padding-left: 0;
        text-align: left;
        bottom: -30px
    }

    #IndividualDoctorSliderMobile .collapse.show {
        margin-top: 40px
    }

    #BioMenu .tab-content {
        background: #fff;
        border-radius: 5px
    }

    #IndividualDoctorSliderMobile .Slide {
        width: 96% !important
    }

    #PracticesMenu .wrapper {
        display: none
    }

    #SpecialInterestMenu div#ReviewSliderNav {
        width: 100%;
        margin: 0 auto 0 0
    }

        #SpecialInterestMenu div#ReviewSliderNav .dots {
            bottom: -20px !important
        }

    #IndividualDoctorSlider {
        display: none !important
    }

    #SpecialInterestMenu .slick-dots li.slick-active a {
        text-align: center
    }

    #IndividualDoctorSliderMobile .slick-list.draggable {
        height: auto !important
    }

    #SpecialInterestMenu .prev-arrow.slick-arrow {
        left: -53px
    }

    #SpecialInterestMenu .next-arrow.slick-arrow {
        left: 30px
    }

    .IndividualSectionBox, .individualSectionBox .SectionBlock, #IndividualDoctorSlider .SectionBlock {
        width: 100% !important;
        transition: height .9s ease
    }

    .DoctorProfile .SectionBlock .InfoCardsImage {
        margin-bottom: -105px
    }

    div#ConsultHospital {
        margin-left: 15px;
        margin-bottom: 10px
    }

        div#ConsultHospital p {
            width: 90%;
            font-size: 16px;
            line-height: 220%
        }

    div#ConsultHospital {
        width: 96%
    }

    #ConsultationWrapper {
        width: 95%
    }

    #ConsultationWrapper {
        margin-left: 10px
    }

    .ConsultWeekDayHours {
        margin-left: 0 !important
    }

    div#ConsultationWrapper > div:first-child {
        margin-top: 28px
    }

    .DoctorProfile {
        margin-top: 0%;
        padding-top: 0;
        padding-bottom: 40px !important;
        margin-bottom: 0 !important
    }

    #AppointmedForm {
        margin-bottom: 0
    }

    .DoctorProfile div#ConsultHospital #watermark {
        right: 30px !important
    }

    #DoctorInformation .DoctorProfileBtn {
        width: 90%;
        margin-left: 10px
    }

    #SpecialInterestMenu li.slick-active {
        margin: 2px 45px !important
    }

    #SpecialInterestMenu .slick-dots li {
        margin: 2px 15px
    }

    #DoctorProfileSection div#ReviewSliderNav {
        display: block;
        margin-bottom: 40px
    }

    #DoctorProfileSection div#BigSliderNav {
        display: none !important
    }

    .VisitingHoursText {
        margin: 0;
        padding: 0 0 30px 16px;
        width: 108%
    }

    .DoctorProfile #watermark {
        right: 10px !important;
        left: auto;
        top: 20px
    }

        .DoctorProfile #watermark #bg-text {
            font-size: 230px !important
        }

    .SubDescription .DoctorBiography p, .SubDescription .DoctorEduHeading p, .SubDescription .DoctorPublication p, .SubDescription .DoctorBioHeading h2, .SubDescription .DoctorEduHeading h2, .SubDescription .DoctorPublication h2 {
        margin-right: 15px
    }

    .SubDescription {
        margin-left: 20px;
        margin-bottom: 35px
    }

    #PracticesMenu .ConsultHospital.active.collapse.show {
        margin-bottom: 30px
    }

    .AppointmedFormImageMobile {
        margin-top: 0
    }

    .DoctorHeading .HeadingPlus {
        padding-left: 22px !important
    }

    .DoctorProfile .HeadingWrapper .Heading.active {
        padding-bottom: 15px
    }

    .doctor-appoint-bannner-container {
        padding-top: 80px;
        background: none
    }

    .HeadingWrapper.nav.nav-tabs {
        padding: 5px 15px
    }

    div#DoctorInformation .InfoBlock .ProfileImage img {
        width: 22%
    }

    .SubDescription .DoctorEduHeading, .SubDescription .DoctorBioHeading, .SubDescription .DoctorPublication, #PracticesMenu .ConsultHospital {
        margin-top: 15px
    }

    div#Languages {
        margin: 0 -37px 0 0
    }

    #DoctorProfileSection .HeadingWrapper .Heading:first-child, div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading:first-child {
        margin-left: 0
    }

    .CovidPage.InfoBlock .InfoBlockTitle {
        font-size: 56px;
        margin: 0
    }

    #BigSlider.BannerContent .Content p {
        margin-right: 20px
    }

    #BigSlider.BannerContent {
        height: 700px !important;
        background: linear-gradient(180deg,rgba(255,255,255,1) 66%,rgba(247,247,247,.2) 100%);
        margin-bottom: 0
    }

    #FloatingImageBanner .VideoText .btn-primary {
        width: 100%;
        margin-top: 30px;
        border-radius: 5px;
        display: block
    }

    #FloatingImageBanner .VideoText h2 {
        margin-top: 0
    }

    #FloatingImageBanner .VideoText {
        padding-top: 3%
    }

    #MediaCarouselNav .slick-arrow {
        top: 31px
    }

    #MediaCarouselNav .MediaThumbnail {
        margin-right: 10px
    }

        #MediaCarouselNav .MediaThumbnail img {
            width: 110px
        }

    .CovidFAQTitle p, .FAQTitle p {
        font-size: 14px
    }

    .CovidTabSection, .FAQTabSection {
        margin: 45px auto
    }

        .CovidTabSection .HeadingWrapper.nav.nav-tabs, .FAQTabSection .HeadingWrapper.nav.nav-tabs {
            width: auto
        }

    .collapseFAQBlock .panel-title {
        font-size: 18px
    }

    .collapseBIOBlock .panel-title {
        font-size: 18px
    }

    #ConsultWeekDayHours h2, div#ConsultWeekendHours h2 {
        font-size: 20px;
        padding: 0 8px 0 0;
        display: contents
    }

    div#ConsultWeekDayHours, div#ConsultWeekendHours {
        padding: 0 0 0 0;
        display: inherit
    }

        #ConsultWeekDayHours h2, div#ConsultWeekendHours h2 {
            font-family: Montserrat;
            font-style: normal;
            font-weight: 300;
            font-size: 20px;
            line-height: 120%;
            color: #1d3443
        }

    .above-hours-cointanier {
        padding: 28px 0 0 0
    }

    div#ConsultWeekDayHours p, div#ConsultWeekendHours p {
        font-size: 14px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        line-height: 18px;
        align-items: center;
        color: #80898f;
        letter-spacing: .15em;
        text-transform: uppercase
    }

    .collapseFacilitiesBlock .panel-title {
        font-size: 14px
    }

    .FAQ-Section .collapseFAQBlock .panel-body p, .FAQ-Section .collapseFAQBlock .panel-body li {
        font-size: 16px
    }

    .BIO-Section .collapseBIOBlock .panel-body p, .BIO-Section .collapseBIOBlock .panel-body li {
        font-size: 16px
    }

    .Facilities-Section .collapseFacilitiesBlock .panel-body p, .Facilities-Section .collapseFacilitiesBlock .panel-body li {
        font-size: 16px
    }

    .Additional-Section .collapseBIOBlock .panel-body p, .Additional-Section .collapseBIOBlock .panel-body li {
        font-size: 16px
    }

    .CovidRefresh .peachblock, .InfoSectionRight.HealthcareFAQ .peachblock {
        height: 30px
    }

    #HealthcareGrid .GridOne, #HealthcareGrid .GridThree, #HealthcareGrid .GridFive {
        padding: 15%
    }

    #HealthcareGrid .GridTitle {
        width: 100% !important
    }

    #LandingPageGrid .GridTitle {
        width: 100% !important;
        font-size: 40px !important;
        line-height: 120%
    }

    div#SplitBanner {
        display: block;
        margin-bottom: 50px
    }

    #SplitBanner .Image, #SplitBanner .Content {
        width: 100%
    }

    #SplitBanner .Content {
        padding: 35px 30px
    }

        #SplitBanner .Content .TextWrapper h6 {
            margin-bottom: 20px
        }

        #SplitBanner .Content .TextWrapper p {
            margin-bottom: 30px
        }

        #SplitBanner .Content .TextWrapper .btn-primary {
            font-size: 16px;
            padding: .84rem 2.14rem
        }

    .GoldCard {
        min-height: initial
    }

        .GoldCard.GoldCardSmall {
            margin-bottom: 50px
        }

        .GoldCard.GoldCardBig {
            margin-top: 0
        }

        .GoldCard .TextWrapper {
            padding: 20px
        }

            .GoldCard .TextWrapper h3 {
                font-size: 27px;
                line-height: 120%
            }

            .GoldCard .TextWrapper p, .GoldCard .TextWrapper ul, .GoldCard .TextWrapper h3 {
                margin-bottom: 18px
            }

    .BackButton {
        font-size: 16px;
        line-height: 20px
    }

    .CovidFAQHeader {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 40px;
        margin-top: 30px
    }

    .CovidFAQIntro {
        font-size: 16px
    }

    .PanelIntro {
        margin: 40px 0 30px
    }

        .PanelIntro h3 {
            font-size: 20px
        }

        .PanelIntro p {
            font-size: 16px
        }

    .collapseFAQBlock .panel-heading h4 {
        font-size: 16px
    }

    .collapseFAQBlock .panel-heading .collapsable, .collapseFAQBlock .panel-heading .collapsable.collapsed {
        padding: 20px 15% 20px 20px !important;
        background-position: right 6% center !important;
        background-size: 16px !important
    }

    .collapseFAQBlock .panel-body {
        margin-left: 20px !important;
        margin-right: 13% !important
    }

        .collapseFAQBlock .panel-body p {
            font-size: 16px
        }

            .collapseFAQBlock .panel-body p:last-child {
                margin-bottom: 20px !important
            }

    .collapseBIOBlock .panel-heading h4 {
        font-size: 16px
    }

    .collapseBIOBlock .panel-heading .collapsable, .collapseBIOBlock .panel-heading .collapsable.collapsed {
        padding: 20px 15% 20px 20px !important;
        background-position: right 6% center !important
    }

    .collapseBIOBlock .panel-body {
        margin-left: 25px !important;
        margin-right: 13% !important
    }

        .collapseBIOBlock .panel-body p {
            font-size: 16px
        }

            .collapseBIOBlock .panel-body p:last-child {
                margin-bottom: 20px !important
            }

    .VerificationWrapper {
        margin: 25px 0
    }

        .VerificationWrapper img {
            max-width: 150px
        }

        .VerificationWrapper h6 {
            margin-top: 0
        }

        .VerificationWrapper h2, .VerificationWrapper p, .VerificationWrapper p.errorMessage {
            width: 95%;
            margin-bottom: 20px
        }

    .media-banner-content {
        width: 55%
    }

    .ipadtextblock p {
        font-size: 18px
    }

    #KeyObjectiveSlider .KeyObjectiveSlide {
        padding: 20px 100px 0 100px
    }

    .hidden-xs {
        display: none !important
    }

    .blockWrapper p {
        font-size: 16px
    }

    .xs-p-tb-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .xs-m-0 {
        margin: 0 !important
    }

    .blockWrapper {
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 25px;
        padding-left: 5px;
        padding-right: 5px
    }

    .flipCard {
        height: 300px;
        margin-bottom: 20px
    }

    .state-clicked {
        height: 335px;
        margin-top: 0 !important;
        padding: 50px 15px
    }

    .bg-Ipone11Pro {
        margin-top: -50px;
        text-align: center;
        max-width: initial;
        left: inherit
    }

    .brushStroke {
        padding-bottom: 45px;
        padding-right: 4px;
        background-position-x: 3px;
        background-size: 90%
    }

    ul.inline-list, ul.inline-list li {
        display: block
    }

        ul.inline-list li {
            border-right: 0 solid #bec2c6;
            border-bottom: 1px solid #bec2c6;
            padding: 30px 30px;
            width: 100%
        }

    .btn-block .btn-default, .btn-block .btn-primary {
        display: block;
        margin-top: 15px;
        margin-bottom: 0
    }

    .blockbanner-1 {
        padding-top: 50px;
        padding-bottom: 0;
        padding-left: 5px;
        padding-right: 5px
    }

    .blockWrapper .breadcrumb {
        margin-bottom: 25px;
        margin-top: 0
    }

    .xs-p-b-25 {
        padding-bottom: 25px !important
    }

    .thumbnailCard {
        margin-bottom: 30px !important;
        top: initial;
        bottom: 0;
        right: 5%;
        width: 90%;
        padding: 30px !important;
        margin: 30px auto;
        border-radius: 0
    }

    #dnn_flipcard3 .flipCard {
        margin-bottom: 40px
    }

    .flipCard .cardFrontSide, .flipCard .cardBackSide {
        padding-left: 10px;
        padding-right: 10px
    }

    .flipCard h4 {
        margin-bottom: 25px
    }

    .middleTextContent_1 {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 130px
    }

    .mobi-Image {
        display: block
    }

    .desktop-Image {
        display: none
    }

    ul.inline-list {
        margin: 45px auto;
        margin-top: 0;
        margin-bottom: 20px;
        padding: 0
    }

    .mobi-Image {
        display: block
    }

    .imgsWrap {
        height: 700px;
        overflow: hidden;
        background-color: #f6e5d7
    }

    .btn-block .btn-default {
        margin-left: 0
    }

    .thumbnailCard h5 {
        font-size: 30px
    }

    .thumbnailCard p {
        font-size: 16px
    }

    .thumbnailCard .btn-primary {
        margin-bottom: 0
    }

    ul.inline-list li:last-child {
        border-bottom: 0 solid #bec2c6
    }

    .blockWrapper.flipCardsHeader {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .flipCardswrapper {
        padding-bottom: 100px;
        padding-left: 5px;
        padding-right: 5px
    }

    .ButtomLeftbanner {
        padding-left: 15px;
        padding-right: 15px
    }

    .inverstorLastBlock {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0
    }

        .inverstorLastBlock a {
            margin-top: 30px
        }

        .inverstorLastBlock h5 {
            font-size: 30px
        }

    .inverstorLastBlock_2 {
        margin-top: 0;
        padding: 0;
        margin-bottom: 0
    }

        .inverstorLastBlock_2 .innerCardbody {
            padding-bottom: 0
        }

    .sectionInv_7_1 {
        min-height: initial;
        margin-bottom: 30px
    }

    .sectionInv_6_2 {
        padding: 0
    }

        .sectionInv_6_2 a.click-link {
            font-size: 14px;
            margin-bottom: 15px;
            margin-top: 15px;
            display: inline-block
        }

    .inverstorLastBlock a.btn.btn-primary {
        margin-top: 30px;
        margin-bottom: 10px !important
    }

    .row.sectionInv_3_12 {
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 30px
    }

    .blockWrapper.thumbnailCard.sectionInv_3_11 .innerCardbody {
        padding: 0 5px
    }

    .blockWrapper.thumbnailCard.sectionInv_3_11 .sectionInv_6_2 {
        margin-top: 10px;
        margin-bottom: 0
    }

    .colBlock_5_1 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 30px;
        margin-right: 0;
        margin-left: 0
    }

    .phoneBanner_1 .btn-primary {
        margin-top: 20px;
        margin-bottom: 0;
        padding: 18px 15px 15px
    }

    .blockWrapper .btn-primary {
        padding: 18px 15px 15px
    }

    .governance-structure-header {
        margin-top: 50px;
        margin-bottom: 40px;
        font-size: 35px;
        line-height: 114%
    }

    .cardBlock_5 .thumbnailCard p {
        margin-bottom: 15px
    }

    .middleTextContent_1 .btn-block a.btn.btn-primary {
        margin-top: 0
    }

    .blockbanner-1 .blockWrapper.ButtomLeftbanner {
        padding-left: 0;
        padding-right: 0
    }

    .sectionInv_3_11 h6 {
        font-family: Open Sans;
        font-weight: 600;
        font-size: 20px
    }

    .blockWrapper.thumbnailCard.sectionInv_3_11 {
        top: 20px;
        position: relative
    }

    .sectionInv_6_2 h5 {
        margin-top: 20px;
        margin-bottom: 40px
    }

    .sectionInv_6_2 p {
        margin-bottom: 20px
    }

    .inverstorLastBlock h5, .inverstorLastBlock p {
        margin-bottom: 30px
    }

    .blockWrapper.ButtomLeftbanner.xs-m-0 {
        padding-bottom: 0
    }

    .ButtomLeftbanner .btn-primary {
        margin-top: 30px;
        padding: 18px 15px 15px
    }

    .colBlock_5_1 h5 {
        display: none
    }

    .phoneBottomTextCols h4 {
        margin-top: 30px
    }

    .topBanner_0 h5 {
        margin-bottom: 30px
    }

    .topBanner_0 p {
        margin-bottom: 25px
    }

    .sectionInv_3_12 .sectionInv_3_11 .innerCardbody {
        padding-top: 55px
    }

    .sectionInv_3_12 .sectionInv_3_11 {
        min-height: 300px
    }

    .ButtomLeftbanner h5 {
        line-height: 140%
    }

    .bg-care-hands p, .bg-notesbook-hand p {
        max-width: 300px
    }

    .sectionInv_6_2 h5 {
        font-size: 35px
    }

    .cardBlock_5 h5 {
        line-height: 140%
    }

    #dnn_BottomFullBanner .sectionInv_8 .thumbnailCard {
        width: 100%;
        max-width: initial;
        right: 0%
    }

    .phoneBanner_1 h5, .phoneBanner_1 p {
        margin-bottom: 40px
    }

    .sectionInv_7 .ButtomLeftbanner {
        margin-bottom: 30px
    }

    ul.inline-list li {
        width: 100%
    }

    .blockWrapper.ButtomLeftbanner.inverstorLastBlock {
        width: 100%;
        max-width: initial
    }

    h6.key-obj-mainHeader {
        margin-bottom: 20px
    }

    .errorMsg h2 {
        font-size: 18px
    }

    .errorMsg {
        margin-top: -56%
    }

        .errorMsg .innerErrorMsg {
            background: #fff;
            padding: 32px
        }

    .publications-titles .item {
        padding-right: 0
    }

    .collapseBIOBlock .bio-publications-body, .collapseBIOBlock .bio-conferences-body {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    div#publicationsSliderNavWrapper {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .collapseBIOBlock .bio-conferences-body {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    div#BioMenu {
        margin-bottom: 40px
    }

    .IndividualDoctors #AppointmedForm #AppointmedForm-p-4 {
        min-height: 700px !important
    }

    .bio-publications-body .viewAll-block, .bio-conferences-body .viewAll-block {
        margin-right: -15px
    }

    .collapseBIOBlock #collapse_20 .panel-body, .collapseBIOBlock #collapse21 .panel-body {
        padding: 0 0
    }

    .collapseBIOBlock #collapse_15 .panel-body, .collapseBIOBlock #collapse_16 .panel-body {
        margin-left: 25px !important
    }

    #publications .publications-heading h3 {
        font-size: 30px;
        line-height: 140%
    }

    #publications .publications-all-titles .item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 15px
    }

    .Investors .NoPaddingRight h1 {
        margin-top: 25px
    }
}

@media(max-width: 800px) {
    .blockWrapper.phoneBanner_1 {
        padding-top: 44px
    }

    .phoneBanner_1 h5, .phoneBanner_1 p {
        margin-bottom: 20px
    }
}

@media(max-width: 700px) {
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 13px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 68%
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 34px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 13px
    }

    .reseach-article-img {
        margin-left: 10px !important
    }

    #AppointmedForm > .content > .body {
        padding: 25px !important
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2 {
        width: 120px;
        height: 115px
    }

    .AppointmentBoxes .box3 {
        width: 120px
    }

    .AppointmentHours, .AppointmentLogoMobile {
        padding-left: 20px
    }

    .AppointMedContentWrapper, .NetcarePlusContentWrapper {
        margin: 0
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 27%
    }

    .BannerTextAppointMed {
        width: 80%
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 395px;
        margin: 60px 32px 20px
    }

    .CustomerFeedbackSlider {
        margin: 50px 32px 20px
    }

        #AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText, .CustomerFeedbackSlider .SlideText {
            padding: 5px 25px 12px;
            margin: 5px
        }

        .CustomerFeedbackSlider .SlideText {
            padding: 40px 25px 12px
        }

            #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
                padding: 0 30px 0 30px;
                font-size: 15px
            }

            #AppointMedSlider .SlideText h6, #AppointMedSlider.NetcarePlusReviewSlider .SlideText h6, .CustomerFeedbackSlider .SlideText h6 {
                font-size: 18px
            }

        #AppointMedSlider .slick-slide.slick-current .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText p {
            margin-top: 90px;
            -webkit-line-clamp: 8
        }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/AppointMedQuotes.svg) no-repeat 48% 8%
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 8%
    }

    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 12%
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background-size: 15%
    }

    .AppointmentCarouselHeading h2, .NetcarePlusCarouselHeading h2, .CustomerFeedbackCarouselHeading h2 {
        font-size: 40px;
        margin-bottom: 15px
    }

    .GridTitle, #HealthcareGrid .GridTitle {
        font-size: 45px
    }

    .GridText p, #HealthcareGrid .GridText p, #LandingPageGrid .GridText p {
        font-size: 18px !important
    }

    .GridText {
        padding-top: 5px;
        width: 75% !important
    }

    .SquareOne, .SquareTwo, .SquareThree {
        height: 300px
    }

    .LogoBoxes img {
        margin-top: 25px
    }

    .LogoTextAppointmed {
        margin-top: 20px
    }

    .BannerTextAppointMed {
        width: 80%
    }

    .SquareOne, .SquareTwo, .SquareThree {
        width: 87%;
        margin: 30px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 57px
    }

    .CovidRefresh .InfoSectionLeft h1, .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 45px
    }

    .CovidRefresh .peachblock, .InfoSectionRight.HealthcareFAQ .peachblock {
        height: 20px;
        top: 55%
    }

    #HealthcareGrid .GridText {
        width: 90% !important
    }

    #HealthcareGrid .GridTitle {
        width: 95% !important
    }

    #LandingPageGrid .GridText {
        width: 100% !important
    }

    #AppointMedSliderNav.CustomerFeedbackSliderNav {
        height: 20px !important
    }

        #AppointMedSliderNav.CustomerFeedbackSliderNav .dots {
            bottom: 42px !important
        }

    .QuickLinksWrapper {
        height: 340px
    }

        .QuickLinksWrapper .QuickLinks {
            flex-wrap: wrap;
            padding: 0 40px
        }

            .QuickLinksWrapper .QuickLinks .QuickLinkItem {
                width: 49%;
                height: 125px
            }

                .QuickLinksWrapper .QuickLinks .QuickLinkItem a:hover {
                    transition: all ease-in-out .4s;
                    height: 160px
                }

                .QuickLinksWrapper .QuickLinks .QuickLinkItem a .icon {
                    margin-bottom: 5px;
                    flex: none;
                    order: 0;
                    flex-grow: 0;
                    margin-top: 20px;
                    transition: all ease-in-out .2s
                }

                .QuickLinksWrapper .QuickLinks .QuickLinkItem a .text {
                    font-size: 14px;
                    line-height: 143%;
                    width: 135px
                }

            .QuickLinksWrapper .QuickLinks #quicklinks-hideonmobile {
                display: none
            }

            .QuickLinksWrapper .QuickLinks #quicklinks-showonmobile {
                display: block;
                width: 100%;
                margin-bottom: 0;
                margin-top: 25px
            }

    .ReuseBanner .CopyContainer a.btn, .ReuseBanner .CopyContainer-1 {
        width: 100%;
        justify-content: center
    }

    .phoneBanner_1 h5, .phoneBanner_1 p {
        margin-bottom: 20px
    }

    ​​​​ #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 580px
    }
}

@media(max-width: 675px) {
    .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
        font-size: 45px;
        margin-bottom: 30px;
        width: 75%
    }

    .AppointmentBannerText, .BookAppointmentBannerText {
        margin-top: -240px
    }

    .AppointmentCarouselHeading {
        margin-left: 5px
    }

    .NetcarePlusCarouselHeading {
        margin-left: 10px
    }

    .NetcarePlusBannerText {
        margin-top: -53%;
        top: -150px
    }

    .AppointmentCarousel, .NetcarePlusCarousel, .FeedbackCarousel {
        margin-top: 30px
    }

    .InfoCard1, .InfoCard2 {
        width: 87%;
        padding-left: 6%
    }

        .InfoCard1 .InfoCardsImage, .InfoCard2 .InfoCardsImage {
            background-size: 20%;
            margin-bottom: 7%
        }

        .InfoCard1:hover .InfoCardsImage, .InfoCard2:hover .InfoCardsImage {
            background-size: 20%;
            margin-bottom: 7%
        }

    .AppointmedSignUp .GridContainer {
        padding-top: 12%
    }

    .GridOne .AppointmedSignUp .GridTitle {
        width: 95% !important
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 30%
    }

    .CovidPage.InfoBlock {
        margin-top: -30%
    }

        .CovidPage.InfoBlock .InfoBlockTitle {
            font-size: 52px
        }

    .TopBlockWrapper {
        padding-top: 15px
    }

    .WelcomeText {
        margin: 0 30px;
        width: auto
    }

        .WelcomeText .WelcomeTitle {
            font-size: 35px;
            line-height: 114%;
            margin-bottom: 30px;
            width: 75%
        }

            .WelcomeText .WelcomeTitle span {
                font-family: 'Open Sans';
                font-weight: bold
            }

        .WelcomeText p {
            font-size: 16px;
            line-height: 130%;
            margin-bottom: 30px
        }

            .WelcomeText p span {
                font-weight: normal
            }

    #HealthcareGrid .GridOne {
        padding: 10%
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 53px !important
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 70px !important
    }

    #dnn_bottomFullWidthBanner_6 .sectionInv_8 .imgsWrap {
        height: 725px
    }

    .errorMsg {
        margin-top: -58%
    }

    .QoC-section .imgsWrap {
        height: 650px
    }

    .cardBlock_5.sectionInv_8.inv-section .imgsWrap {
        height: 580px
    }
}

@media(max-width: 653px) {
    .QoC-section .imgsWrap {
        height: 650px
    }

    .cardBlock_5.sectionInv_8.inv-section .imgsWrap {
        height: 580px
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(1), #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(3), #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(5) {
        margin-right: 18px !important
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(2), #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(4), #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(6) {
        margin-right: 0 !important
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
        width: 48% !important
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage, .CovidRefresh .InfoCard2 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        margin-bottom: 40px
    }

    .BigSliderBlock .Slider, .BigSliderBlock:hover .Slider {
        top: 35%
    }

    #BodyWrapper section {
        padding: 30px 0 !important
    }

    .media-banner-content {
        width: 60%
    }

    #KeyObjectiveSlider .KeyObjectiveSlide {
        padding: 20px 50px 0 50px
    }
}

@media(max-width: 635px) {
    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
        margin-bottom: 12px
    }

    #AppointmedForm section .SectionButtons {
        bottom: 0
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 50px !important
    }

    footer .netcare-ribbon-bottom {
        flex-direction: column;
        height: auto;
        padding-top: 24px
    }

        footer .netcare-ribbon-bottom .logo-img {
            margin-bottom: 10px
        }
}

@media(max-width: 600px) {
    .cardBlock_5.sectionInv_8.inv-section .imgsWrap {
        height: 620px
    }

    #NetcareSlider {
        background-position-y: 219px
    }

    .doctor-heading {
        font-size: 35px
    }

    .LinkBlock {
        min-height: 340px;
        padding: 25px;
        margin-bottom: 0
    }

        .LinkBlock .StrapLine {
            font-size: 12px;
            line-height: 16px
        }

        .LinkBlock .Text {
            font-size: 12px;
            line-height: 16px
        }

    .ActionLinks .ActionLinkItem a {
        padding: 20px
    }

        .ActionLinks .ActionLinkItem a:hover {
            padding: 40px 15px
        }

        .ActionLinks .ActionLinkItem a .text {
            font-size: 12px;
            line-height: 14px
        }

    .PeachPlus, .BluePlus, .CovidBlockWrapper h2, .LightBluePlus {
        background-size: 15px;
        padding-left: 17px;
        padding-top: 7px;
        font-size: 35px;
        line-height: 40px
    }

    .ContentUnderPlus {
        margin-left: 17px
    }

    #BigSlider .BigSlide .Content h2 {
        margin-left: -14px;
        padding-left: 14px;
        padding-top: 11px;
        background-size: 15px;
        font-size: 40px;
        line-height: 45px
    }

    #BigSlider .BigSlide .Image .LogoImg.Appointmed {
        width: 35%;
        padding: 10px
    }

    #BigSlider .BigSlide .Image .LogoImg.RenalCare {
        width: 30%
    }

    #BigSlider .BigSlide .Image .LogoImg.Medicross {
        width: 23%;
        padding: 1px 3px
    }

    #BigSlider .BigSlide .Image .LogoImg.Netcare {
        width: 23%;
        padding: 3px 3px
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 31%;
        padding: 7px 28px
    }

    #BigSlider .BigSlide .Image .LogoImg.WHO {
        width: 35%;
        padding: 10px
    }

    .btn-primary {
        display: block
    }

        .btn-primary.ContentUnderPlus {
            margin-left: 0
        }

    .AnimationButtons .btn-secondary {
        display: block
    }

    #NewsSlider .NewsSlide .Heading, #MediaSlider .MediaSlide .Heading, #ResearchSlider .ResearchSlide .Heading {
        font-weight: bold
    }

    .VideoText h2, .GpVoucherText h2, .ComplexBanner .left-box .wrapper .ThinPlus {
        margin-left: -14px;
        padding-left: 14px;
        padding-top: 6px;
        font-size: 35px;
        line-height: 40px;
        background-size: 15px
    }

    .ComplexBanner.Content .left-box .wrapper .ThinPlus {
        margin-left: -14px;
        padding-left: 14px;
        padding-top: 4px
    }

    .VideoText h2, .GpVoucherText h2, .ComplexBanner .left-box .wrapper .TitleText {
        font-size: 35px;
        line-height: 40px
    }

    img.thumb-image {
        width: 21%
    }

    p#playVid {
        width: 77%;
        vertical-align: middle;
        padding-left: 15px
    }

    #BigSlider .BigSlide .Content {
        padding: 35px
    }

    .SmallSliderBlock {
        height: auto;
        max-height: 250px
    }

    .BigSliderBlock {
        height: 470px
    }

        .BigSliderBlock .Slider {
            max-height: 360px
        }

    .SmallSliderBlock .Slider {
        height: 100%
    }

        .BigSliderBlock .Slider .Wrap .inner .arrowcontainer, .SmallSliderBlock .Slider .Wrap .inner .arrowcontainer {
            display: none
        }

        .BigSliderBlock .Slider .Wrap .inner .readmorecontainer, .SmallSliderBlock .Slider .Wrap .inner .readmorecontainer {
            display: block
        }

        .SmallSliderBlock .Slider .Wrap .inner, .BigSliderBlock .Slider .Wrap .inner {
            padding: 15px
        }

            .SmallSliderBlock .Slider .Wrap .inner h3, .BigSliderBlock .Slider .Wrap .inner h3 {
                font-size: 20px;
                line-height: 27px;
                font-weight: 300
            }

            .SmallSliderBlock .Slider .Wrap .inner a, .BigSliderBlock .Slider .Wrap .inner .subheading {
                font-size: 14px
            }

            .SmallSliderBlock .Slider .Wrap .inner p, .BigSliderBlock .Slider .Wrap .inner p {
                font-size: 14px;
                line-height: 20px
            }

    .Logos {
        text-align: center;
        height: auto
    }

        .Logos .LogoItem {
            width: 30%;
            margin-top: 20px;
            height: auto
        }

        .Logos .wrapping {
            display: block
        }

    .LogoLine .LineText {
        width: 100%
    }

    .LogoLine .LogoText {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .patient-nav {
        width: 96% !important
    }

    .ResponsiveTable .TableHead {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .ResponsiveTable .TableRow {
        display: block !important;
        margin-bottom: 40px;
        width: 100%
    }

        .ResponsiveTable .TableRow > div {
            display: block !important;
            text-align: right
        }

            .ResponsiveTable .TableRow > div::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
                color: #1d3443
            }

    .ResponsiveTable table td:last-child {
        padding: 20px 10px;
        border-bottom: 0
    }

    #NewsSlider .NewsSlide .GoldLink, #MediaSlider .MediaSlide .GoldLink, #ResearchSlider .ResearchSlide .GoldLink {
        bottom: 20%
    }

    .IconWrapper {
        margin-left: -10%
    }

        .IconWrapper .ValueItemInner .heading {
            width: auto !important;
            padding: 0 10px
        }

    .AppointmedMapContainer h2, .AppointmedMapContainer > p, .Facilities, .CarouselHeading {
        margin-left: 15px
    }

    .AppointmedWrapper {
        margin-left: 15px
    }

        .AppointmedMapContainer h2, .CarouselHeading h2, .AppointmedWrapper h2, .NetcarePlusWrapper h2 {
            font-size: 35px;
            line-height: 40px
        }

    .SharePriceInfo.shareprice-price-control {
        margin-bottom: -65px
    }

    .SharePriceTicker {
        width: 100%
    }

        .SharePriceTicker span {
            font-size: 30px !important;
            line-height: 23px
        }

    .PaddingFAT {
        padding: 40px 0
    }

    .CovidBanner .BannerText {
        padding: 25px 30px 40px 30px
    }

        .CovidBanner .BannerText.MorePadding {
            padding: 30px 30px 40px 30px
        }

        .CovidBanner .BannerText h5 {
            font-size: 12px
        }

        .CovidBanner .BannerText h2 {
            width: 80%;
            font-size: 35px;
            line-height: 114%
        }

        .CovidBanner .BannerText h3 {
            font-size: 35px;
            line-height: 114%;
            width: 90%;
            margin-bottom: 18px
        }

        .CovidBanner .BannerText .BannerSubHeading {
            font-size: 14px;
            line-height: 130%;
            width: 100%
        }

        .CovidBanner .BannerText > a {
            width: 100%;
            text-align: center
        }

        .CovidBanner .BannerText .btn-primary.FamilyConnectButton {
            margin-top: 30px !important
        }

        .CovidBanner .BannerText .TealButton {
            margin-top: 25px !important
        }

        .CovidBanner .BannerText > p {
            width: 100%
        }

        .CovidBanner .BannerText .BtnWrapper {
            display: block;
            margin-top: 20px
        }

            .CovidBanner .BannerText .BtnWrapper a {
                margin-top: 10px !important
            }

    .CovidBlockWrapper .CovidStats .StatBlock .heading {
        line-height: 21px;
        font-size: 14px
    }

    .CovidBlockWrapper .CovidStats .StatBlock .number {
        font-size: 40px;
        line-height: 49px
    }

    .CovidVideoHeading p, .CovidVideoHeading a {
        margin-left: 17px
    }

    .ImportantTextUppercase {
        font-size: 16px;
        line-height: 22px
    }

    .ImportantText {
        font-size: 16px;
        line-height: 22px
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group {
        justify-content: right
    }

        #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
            margin-right: 20px !important;
            margin-bottom: 15px !important
        }

    #AppointmedForm > .content > .body {
        padding: 20px !important
    }

    #AppointmedForm.IndividualDoctors > .content > .body {
        padding: 15px !important
    }

    #AppointmedForm > .content > .body > .SpecialistDetail, #AppointmedForm > .content > .body > .NetCarePlus, #AppointmedForm > .content > .body > .BookingDetail, #AppointmedForm > .content > .body > .PersonalDetail, #AppointmedForm > .content > .body > .MedicalAid {
        background-size: 4%
    }

    #AppointmedForm .SpecialistDetail p, div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field > div > p {
        font-size: 14px
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field > div > p {
        margin-bottom: 0
    }

    #AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 15px
    }

    #AppointmedForm > .content > .body textarea {
        font-size: 13px;
        padding: 20px 55px 10px 10px
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group {
        display: inline-block;
        justify-content: center
    }

    #AppointmedForm.IndividualDoctors #ConsultationDropDownList {
        margin-top: -8px
    }

    #AppointmedForm > .content > .body label.inputLabel {
        width: 100%
    }

    #AppointmedForm p {
        margin-right: 18px
    }

    #AppointmedForm > .content > .body h2, .DoctorHeading h2 {
        margin-bottom: 4px
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox > input {
        display: block;
        margin-left: -12px;
        margin-right: -8px
    }

    #AppointmedForm > .content > .body label.inputLabels {
        font-size: 14px
    }

    #AppointmedForm .AppointmedFormRadioButtons label {
        font-size: 15px
    }

    #AppointmedForm .AppointmedFormRadioButtons label {
        min-width: 47% !important
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(1), #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(3), #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(5) {
        margin-right: 12px !important
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(2), #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(4), #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(6) {
        float: right
    }

    #AppointmedForm .HeadingPlus, div#dnn_LiveForm .LiveForm.Default h2, .DoctorHeading .HeadingPlus {
        margin-left: -5px !important;
        padding-left: 15px !important;
        background-size: 15px;
        padding-top: 8px !important
    }

    #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group {
        justify-content: right
    }

        #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group .btn-checkbox {
            margin-right: 20px !important;
            margin-bottom: 15px !important
        }

    #AppointmedForm.IndividualDoctors > .content > .body {
        padding: 20px !important
    }

    #AppointmedForm.IndividualDoctors.IndividualDoctors > .content > .body {
        padding: 20px !important
    }

    #AppointmedForm.IndividualDoctors.IndividualDoctors .AppointmedFormRadioButtons label {
        min-width: 40% !important
    }

    #AppointmedForm.IndividualDoctors > .content > .body > .SpecialistDetail, #AppointmedForm.IndividualDoctors > .content > .body > .NetCarePlus, #AppointmedForm.IndividualDoctors > .content > .body > .BookingDetail, #AppointmedForm.IndividualDoctors > .content > .body > .PersonalDetail, #AppointmedForm.IndividualDoctors > .content > .body > .MedicalAid {
        background-size: 4%
    }

    #AppointmedForm.IndividualDoctors .SpecialistDetail p, div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field > div > p {
        font-size: 14px
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field > div > p {
        margin-bottom: 0
    }

    #AppointmedForm.IndividualDoctors > .content > .body .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 15px
    }

    #AppointmedForm.IndividualDoctors > .content > .body textarea {
        font-size: 13px;
        padding: 20px 55px 10px 10px
    }

    #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group {
        display: inline-block;
        justify-content: center
    }

    #AppointmedForm.IndividualDoctors.IndividualDoctors #ConsultationDropDownList {
        margin-top: -8px
    }

    #AppointmedForm.IndividualDoctors > .content > .body label.inputLabel {
        width: 100%
    }

    #AppointmedForm.IndividualDoctors p {
        margin-right: 18px
    }

    #AppointmedForm.IndividualDoctors > .content > .body h2, .DoctorHeading h2 {
        margin-bottom: 4px
    }

    .Section-Button-padding {
        margin-bottom: 0 !important
    }

    #AppointmedForm.IndividualDoctors section .SectionButtons {
        bottom: 0
    }

    #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group .btn-checkbox > input {
        display: block;
        margin-left: -12px;
        margin-right: -8px
    }

    #AppointmedForm.IndividualDoctors > .content > .body label.inputLabels {
        font-size: 14px
    }

    #AppointmedForm.IndividualDoctors .AppointmedForm.IndividualDoctorsRadioButtons label {
        font-size: 15px
    }

    #AppointmedForm.IndividualDoctors .AppointmedForm.IndividualDoctorsRadioButtons label {
        min-width: 47% !important
    }

    #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(1), #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(3), #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(5) {
        margin-right: 12px !important
    }

    #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(2), #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(4), #AppointmedForm.IndividualDoctors > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(6) {
        float: right
    }

    #AppointmedForm.IndividualDoctors .HeadingPlus, div#dnn_LiveForm .LiveForm.Default h2, .DoctorHeading .HeadingPlus {
        margin-left: -5px !important;
        padding-left: 15px !important;
        background-size: 15px;
        padding-top: 8px !important
    }

    .DoctorProfile .HeadingWrapper .Heading.active {
        padding-bottom: 15px !important
    }

    .HeadingWrapper.nav.nav-tabs {
        margin-bottom: -20px !important;
        margin: 15px
    }

    div#dnn_LiveForm .LiveForm.Default h2 {
        margin-left: -15px !important
    }

    .MoreText {
        font-size: 12px !important
    }

    .NetcarePlusSlider {
        margin-bottom: 50px !important;
        height: 590px !important
    }

    .NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
        height: 110px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        margin-top: 5px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        margin: 0 10px
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 27px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 12px
    }

    #FAQ_Accordion {
        margin-left: 5px
    }

    .TermAndConditions .termsList {
        line-height: 24px;
        margin-left: 30px
    }

    .FAQWrapper .BlueLink {
        margin-left: 5px
    }

    #BigSlider .NetcarePlusSlider {
        height: 630px
    }

    #ReviewSlider .SlideText {
        padding: 30px;
        background-size: 20%;
        background-position-y: 7%;
        background-position-x: 90%
    }

        #ReviewSlider .SlideText h2 {
            font-size: 25px;
            line-height: 30px
        }

        #ReviewSlider .SlideText h6 {
            font-size: 16px
        }

        #ReviewSlider .SlideText p {
            font-size: 16px;
            line-height: 24px
        }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(4) {
        margin-right: 0 !important
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
        min-width: 47% !important
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar {
        display: inline-table;
        width: 100%
    }

    #AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar {
        display: inline-table;
        width: 100%
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(2) {
        margin-right: 20px !important;
        margin-bottom: 15px
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2 {
        width: 115px;
        height: 115px
    }

    .AppointmentBoxes .box3 {
        width: 115px;
        height: 100px
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 24%
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
        font-size: 42px;
        margin-bottom: 15px;
        width: 90%;
        line-height: 46px
    }

    .btn-primary.AppointmentPurchase, .ANMobile, .btn-primary.FindMore {
        height: 48px;
        margin-top: 10px;
        width: 100%
    }

    .AppointmentBannerText, .BookAppointmentBannerText {
        margin-top: -215px
    }

    .SecondContainer {
        padding-left: 20px;
        margin-top: -35%
    }

    .BannerTitleAppointMed h1, .BannerTitleAppointMed {
        font-size: 50px
    }

    .GridTitle, #HealthcareGrid .GridTitle {
        font-size: 38px
    }

    .GridOne .GridContainer {
        padding-top: 7%
    }

    .GridThree .GridContainer, .GridFive .GridContainer {
        padding-top: 20%
    }

    .GridOne .GridTitle {
        width: 85% !important
    }

    a.ANMobile.btn.btn-primary {
        margin: 0 0%
    }

    .GridThree .GridTitle {
        width: 75% !important
    }

    .GridText {
        width: 80% !important
    }

    .SquareOne, .SquareTwo, .SquareThree {
        width: 90%;
        height: 453px
    }

    .LogoTextAppointmed {
        margin-top: 60px
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 395px;
        margin: 60px 32px 20px
    }

    .CustomerFeedbackSlider {
        margin: 50px 32px 20px
    }

    #AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText {
        padding: 6px 5px 12px;
        margin: 5px
    }

        #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
            padding: 0 40px 0 40px;
            font-size: 14px
        }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/AppointMedQuotes.svg) no-repeat 48% 8%;
        background-size: 15%
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 8%;
        background-size: 15%
    }

    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background-size: 15%
    }

    #AppointMedSlider .SlideText h6, #AppointMedSlider.NetcarePlusReviewSlider .SlideText h6, .CustomerFeedbackSlider .SlideText h6 {
        font-size: 16px
    }

    .AppointmentCarouselHeading h2, .NetcarePlusCarouselHeading h2, .CustomerFeedbackCarouselHeading h2 {
        font-size: 35px;
        margin-bottom: 15px
    }

    .AppointmentImg img {
        margin-top: -70px
    }

    .AppointBlockTwo {
        margin-top: 30px
    }

    .NetcarePlusBannerText {
        margin-top: -55%;
        top: -100px
    }

    .InfoSectionLeft {
        width: 95%
    }

    .InfoCard1, .InfoCard2 {
        height: 250px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 50px;
        line-height: 120%
    }

    .NetcarePlusLogoMobile img {
        width: 45%
    }

    .NetcarePlusBlockTwo {
        margin-top: 20px
    }

    .NetcarePlusBannerText p {
        font-size: 18px;
        margin-bottom: 18px;
        line-height: 22px
    }

    .InfoSectionLeft p {
        font-size: 18px !important
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 32px !important
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 16px !important
    }

    .NetcarePlusCarousel .ContentUnderPlus.TextMiddle p, .FeedbackCarousel .ContentUnderPlus.TextMiddle p {
        text-align: left;
        margin-left: 12px;
        width: 95%
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 310px
    }

    div#DoctorInformation .InfoBlock {
        margin-top: -240px
    }

        div#DoctorInformation .InfoBlock .DoctorBio p {
            font-size: 16px;
            line-height: 22px
        }

        div#DoctorInformation .InfoBlock .DoctorName, .CovidPage.InfoBlock .InfoBlockTitle {
            font-size: 45px;
            line-height: 55px
        }

    .CovidPage.InfoBlock .InfoBlockTitle {
        margin-top: 5px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock {
        padding: 20px 0
    }

    .HeadingWrapper.nav.nav-tabs {
        padding: 5px 15px
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 55px !important
    }

    .AppointmedSignUp .BannerTextAppointMed p {
        margin-bottom: 18px
    }

    .AppointmedSignUp a.ANMobile.btn.btn-primary {
        margin: 0
    }

    .GridThree .AppointmedSignUp .GridContainer, .GridFive .AppointmedSignUp .GridContainer {
        padding-top: 8%
    }

    .GridThree .AppointmedSignUp .GridTitle, .GridFive .AppointmedSignUp .GridTitle {
        width: 100% !important
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 42px !important;
        line-height: 50px !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 20px !important
    }

    .AppointmedSignUp .AppointmedLogoTitle p {
        padding: 0 10%
    }

    .AppointmedSignUp .AppointmedLogoTitle {
        margin-top: 15px
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 30%
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section {
        padding: 25px 10px
    }

    div#DoctorInformation .ContactInfoBlock .CallNetcare, div#DoctorInformation .ContactInfoBlock .CallDoctor {
        bottom: 40px;
        font-size: 16px;
        width: 200px !important
    }

    .DoctorProfile {
        padding: 50px 0;
        padding-top: 10px !important
    }

        .DoctorProfile .DoctorBioHeading #watermark {
            right: 0 !important
        }

    .SubDescription .DoctorCertification {
        margin-top: 20px;
        width: 98%
    }

    .IndividualSectionBox {
        margin-left: 0
    }

    #ConsultHospital .MakeAppointmedBtn {
        width: 97%
    }

    .individualSectionBox .SectionBlock p, #IndividualDoctorSlider .SectionBlock p {
        padding-bottom: 13px
    }

    div#DoctorInformation .InfoBlock .ProfileImage img {
        width: 25%
    }

    .CovidPage.InfoBlock {
        margin-top: -25%
    }

    #BigSlider.BannerContent .Content p {
        margin-bottom: 50px
    }

    #BigSlider.BannerContent .TextWrapper .btn-primary {
        width: 95% !important;
        letter-spacing: -.03em
    }

    #BigSlider.BannerContent {
        background: linear-gradient(180deg,rgba(255,255,255,1) 50%,rgba(247,247,247,.2) 80%);
        height: auto !important;
        margin-bottom: 55px
    }

        #BigSlider.BannerContent .BigSlide .Content {
            padding: 20px 50px
        }

    .CovidRefresh .InfoSectionLeft h1, .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 45px
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage, .CovidRefresh .InfoCard2 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        margin-bottom: 15px !important
    }

        .CovidRefresh .InfoCard1 .InfoCardsImage img, .CovidRefresh .InfoCard2 .InfoCardsImage img, .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage img, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage img {
            width: 80%
        }

    .CovidRefresh .peachblock, .InfoSectionRight.HealthcareFAQ .peachblock {
        width: 95%
    }

    #FloatingImageBanner .VideoText {
        padding-left: 15px
    }

    .HeaderFAQ {
        margin: auto;
        width: 85%
    }

    .collapseFAQBlock .panel-title {
        font-size: 16px
    }

    .collapseBIOBlock .panel-title {
        font-size: 16px
    }

    .WhiteBlockWrapper {
        padding: 20px 15px;
        margin-bottom: 10px
    }

        .WhiteBlockWrapper .DesktopImage {
            margin-bottom: 10px;
            width: 100%
        }

        .WhiteBlockWrapper .CovidVideoHeading p {
            font-size: 16px;
            width: 85%
        }

        .WhiteBlockWrapper .CovidVideoHeading .HeadingMiddle {
            padding-bottom: 5px
        }

    .WhiteGoldBlock {
        width: 95%
    }

        .WhiteGoldBlock a {
            padding: 30px 20px 20px 20px
        }

        .WhiteGoldBlock span {
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 10px
        }

        .WhiteGoldBlock h2 {
            font-size: 35px;
            line-height: 40px;
            width: 90%;
            margin-bottom: 20px
        }

    .WhiteBlockWrapper .CovidVideoHeading h2 {
        font-size: 35px;
        line-height: 114%
    }

    .WhiteGoldBlock p:first-of-type {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px
    }

    .CovidContent h2 {
        width: 100%;
        font-size: 35px;
        line-height: 40px
    }

    .CovidContent .NewsBlock p {
        margin-bottom: 15px
    }

    .CovidContent .NewsBlock {
        width: 95%
    }

    .CovidPage.StatsBlock h2 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 30px
    }

    .CovidPage.StatsBlock .StatsTime {
        margin-bottom: 20px
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock .heading {
        margin-bottom: 10px
    }

    .CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink span {
        font-size: 12px
    }

    .CovidPage.StatsBlock .WebsiteWrapper .GoldLink {
        margin-bottom: 5px
    }

    #TextBlock.ipadtextblock h2 {
        font-size: 35px
    }

    #TextBlock.ipadtextblock {
        padding-bottom: 115px
    }

    .CustomerFeedbackCarouselHeading {
        margin-left: 30px;
        margin-right: auto
    }

    .NewsBanner .media-banner-content {
        width: 50%
    }

        .NewsBanner .media-banner-content .media-banner-text {
            font-size: 35px
        }

    .ipadtextblock h2 {
        font-size: 45px;
        line-height: 114%
    }

    .ipadtextblock p {
        font-size: 16px
    }

    .NewsArticle .ArticleLink {
        display: block;
        padding-right: 0
    }

    .search-input-banner-button {
        display: none
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 49px !important
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 65px !important
    }

    .AnimationButtons .btn-primary {
        margin-right: 0;
        margin-bottom: 10px
    }

    #BodyWrapper section.Animation {
        padding-bottom: 120px !important
    }

    #mobileAnimationWrapper {
        max-width: 90vw;
        height: 90vw;
        margin-top: -20px;
        margin-bottom: -45px
    }

    .collapseBIOBlock .bio-publications-body, .collapseBIOBlock .bio-conferences-body {
        margin-left: 11px !important;
        margin-right: 0 !important
    }

    .bio-publications-body .card-wrap, .bio-conferences-body .card-wrap {
        padding-left: 14px;
        padding-right: 14px
    }

    .QoC-section .imgsWrap {
        height: 620px
    }

    .bio-publications-body .viewAll-block, .bio-conferences-body .viewAll-block {
        margin-right: 15px
    }
}

@media(max-width: 570px) {
    #dnn_bottomFullWidthBanner_6 .sectionInv_8 .imgsWrap {
        height: 690px
    }
}

@media(max-width: 550px) {
    #AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
        width: 100%;
        font-size: 14px;
        margin: 0 auto;
        display: block
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 24%
    }

    .additional-qualification-container .accordin-title {
        padding-left: 30px
    }

    Facilities-Section .doctor-facility-label {
        font-size: 16px
    }

    .Facilities-Section .facilities-location-text {
        font-size: 14px
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 405px;
        margin: 50px 10px 5px
    }

        #AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText {
            padding: 6px 40px 8px 50px;
            margin: 5px
        }

            #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
                padding: 0 40px 0 40px;
                font-size: 14px
            }

        #AppointMedSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/AppointMedQuotes.svg) no-repeat 48% 10%;
            background-size: 15%
        }

        #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 10%;
            background-size: 15%
        }

        .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
            background-size: 15%
        }

    .NetcarePlusBannerText {
        margin-top: -44%
    }

    .GridText {
        width: 100% !important
    }

    .GridOne .GridTitle {
        width: 90% !important
    }

    .InfoCard1, .InfoCard2 {
        margin: 35px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 50px
    }

    .InfoSectionLeft p {
        font-size: 18px
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 32px
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 16px
    }

    div#DoctorInformation .InfoBlock {
        padding: 31px 25px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        font-size: 15px
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 18px !important
    }

    div#DoctorInformation .ContactInfoBlock .CallNetcare, div#DoctorInformation .ContactInfoBlock .CallDoctor {
        width: 195px !important
    }

    #AvailabilityMenu .AvailabilityText, #AvailabilityMenu .InPracticeText, #LanguagesMenu .SpeakLanguage {
        font-size: 15px
    }

    #LanguagesMenu .LanguageList {
        font-size: 16px
    }

    .CovidPage.StatsBlock .WebsiteWrapper .StatsLogo {
        width: 75%
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage, .CovidRefresh .InfoCard2 .InfoCardsImage {
        width: 20%
    }

    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage, .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        width: 25% !important
    }

    .BigSliderBlock {
        height: 490px
    }

    .NewsBanner .media-banner-content {
        width: 60%;
        margin-left: 48px
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem {
        width: 160px;
        height: 125px
    }

    #LandingPageGrid .GridTitle {
        font-size: 39px !important
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 41px !important
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 55px !important
    }

    #KeyObjectiveSlider .KeyObjectiveSlide {
        padding: 20px 20px 0 20px
    }

    .errorMsg {
        margin-top: -50%
    }

    .QoC-section .imgsWrap {
        height: 585px
    }
}

@media(max-width: 500px) {
    .AppointmedTooltipmodal-content {
        width: 70%
    }

    #AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
        font-size: 16px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 45px
    }

    .Facilities-Section .doctor-facility-label {
        font-size: 16px
    }

    .Facilities-Section .facilities-location-text {
        font-size: 14px
    }

    #NetcareSlider {
        background-position-y: 176px
    }

    .listing-columns {
        -moz-column-count: 1;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1
    }

    .SmallSliderBlock .Slider .Tag, .BigSliderBlock .Slider .Tag {
        font-size: 12px
    }

    #BigSlider.CovidSlider .BigSlide .Content {
        padding: 20px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .icon {
        min-height: 35px;
        width: 70px
    }

        .NetcarePlusWrapper .IconWrapper .ValueItemInner .icon img {
            width: 49px
        }

        .NetcarePlusWrapper .IconWrapper .ValueItemInner .icon .peachblock {
            top: 23%;
            height: 15px
        }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 12px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        font-size: 16px;
        margin: 0
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 22px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 9px
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2 {
        width: 100px;
        height: 105px
    }

    .AppointmentBoxes .box3 {
        width: 100px
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 15%
    }

    .btn-primary.AppointmentPurchase, .ANMobile {
        margin-top: 40px
    }

    .AppointmedLogoTitle {
        padding-top: 0 !important
    }

        .AppointmedLogoTitle p {
            margin-top: 60px;
            padding: 0
        }

    .AppointmentBannerText {
        margin-top: -180px
    }

    .NetcarePlusBannerText {
        margin-top: -60%;
        top: -70px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText p {
        margin-top: 80px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/AppointMedQuotes.svg) no-repeat 48% 8%;
        background-size: 14%
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 8%;
        background-size: 14%
    }

    #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
        padding: 0 30px 0 30px
    }

    .GridOne, .GridThree, .GridFive {
        background-size: 100% !important;
        padding-top: 95%
    }

        .GridFive .GridContainer {
            padding-top: 15%
        }

    .GridText p {
        font-size: 16px !important
    }

    .GridTitle {
        width: 80% !important;
        font-size: 32px
    }

    .GridOne .GridContainer {
        padding-top: 12%
    }

    .SquareOne, .SquareTwo, .SquareThree {
        width: 95%;
        height: 390px;
        margin: 20px 30px 20px 10px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 48px
    }

    .InfoSectionLeft p {
        font-size: 18px
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 28px !important
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 16px
    }

    .InfoCard1 .InfoCardsImage, .InfoCard2 .InfoCardsImage {
        background-size: 25%;
        margin-bottom: 7%
    }

    .InfoCard1:hover .InfoCardsImage, .InfoCard2:hover .InfoCardsImage {
        background-size: 25%;
        margin-bottom: 7%
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText h2 {
        font-size: 30px
    }

    .SubDescription .CertListHeading {
        padding-left: 75px;
        padding-right: 10px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock #Languages {
        margin: 0 -37px 10px 30px !important
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock {
        padding: 20px 8px 0 0
    }

    .HeadingWrapper.nav.nav-tabs::-webkit-scrollbar {
        display: none
    }

    .CovidPage.InfoBlock .InfoBlockTitle {
        line-height: 111%
    }

    .CovidPage.InfoBlock .InfoBlockDescription {
        line-height: 22px
    }

    .CovidRefresh .InfoSectionLeft h1, .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 35px
    }

    .CovidRefresh .InfoSectionRight {
        padding: 0 10px
    }

    .HeaderFAQ {
        width: 85%;
        font-size: 35px;
        line-height: 114%
    }

    .CovidTabSection .Heading, .FAQTabSection .Heading {
        font-size: 16px
    }

    .collapseFAQBlock .panel-title {
        font-size: 14px
    }

    .collapseBIOBlock .panel-title {
        font-size: 14px
    }

    .collapseBIOBlock .panel-title {
        font-size: 14px
    }

    #HealthcareGrid .GridTitle {
        font-size: 32px
    }

    .ipadtextblock h2 {
        font-size: 40px
    }

    .NewsArticle .ArticleText p {
        font-size: 14px;
        margin-right: 35px
    }

    #AppointmedForm .FinalDetail p:nth-child(2), #AppointmedForm .FinalDetail p:nth-child(3) {
        margin-left: 0;
        margin-right: 0
    }
}

@media(max-width: 480px) {
    #AppointmedForm.IndividualDoctors p {
        color: #fff;
        line-height: 140%;
        font-size: 16px !important;
        margin-bottom: 20px !important
    }

    #AppointmedForm.IndividualDoctors > .content > .body label.inputLabel {
        font-size: 13px !important
    }

    #AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
        width: 100%;
        margin: 0 auto;
        display: block
    }

    #NetcareSlider {
        background-position-y: 150px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 45px
    }

    #share-graph-filtering span {
        text-align: center;
        font-size: 12px
    }

    #TrainingProgrammes .hidden-fields {
        display: block
    }

    .blue-icon-box {
        width: 100% !important
    }

        .blue-icon-box h2 {
            font-size: 46px
        }

    .third-nr-box {
        width: 100% !important
    }

    .LogoLine .LineText {
        padding: 0
    }

    .CoverAIRContainer img {
        width: 70%
    }

    h4.AIRSsubHeading {
        width: 70%
    }

    #NewsSlider .NewsSlide, #MediaSlider .MediaSlide, #ResearchSlider .ResearchSlide {
        padding: 35px
    }

        #NewsSlider .NewsSlide .GoldLink, #MediaSlider .MediaSlide .GoldLink, #ResearchSlider .ResearchSlide .GoldLink {
            bottom: 12%
        }

    .videoHeading h2.PeachPlus.HeadingMiddle {
        padding-right: 18%
    }

    .ActionLinks .ActionLinkItem a .text {
        padding: 15px 0
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 34%;
        padding: 5px 24px
    }

    .AppointmentHours p:first-child {
        font-size: 14px
    }

    .AppointmentHours p {
        font-size: 19px
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2 {
        width: 100px;
        height: 105px
    }

    .AppointmentBoxes .box3 {
        width: 100px
    }

    .btn-primary.AppointmentPurchase, .ANMobile {
        margin-top: 0
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 42px
    }

    .InfoSectionLeft p {
        font-size: 18px
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 32px
    }

    .NetcarePlusBannerText {
        margin-top: -76%;
        top: -15px
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 16px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 268px !important;
        font-size: 16px
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 48px !important
    }

    .GridOne .AppointmedSignUp .GridText {
        width: 90% !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 16px !important
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 38px !important;
        line-height: 45px !important
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 24%
    }

    div#DoctorInformation .ContactInfoBlock .CallNetcare {
        width: 170px !important;
        padding: 13px 15px
    }

    div#DoctorInformation .ContactInfoBlock .CallDoctor {
        width: 155px !important
    }

    #DoctorProfileSection .SectionBlock p {
        font-size: 15px;
        padding-right: 65px
    }

    .SubDescription .DoctorBioHeading h2, .SubDescription .DoctorEduHeading h2, .SubDescription .DoctorPublication h2, div#ConsultHospital h2 {
        font-size: 30px;
        line-height: 137%
    }

    .CovidPage.InfoBlock .InfoBlockDescription {
        font-size: 16px;
        margin-top: 20px
    }

    #BigSlider.BannerContent .Content h2 {
        font-size: 35px;
        line-height: 45px
    }

    #BigSlider.BannerContent .BigSlide .Content {
        padding: 20px 35px
    }

    #FloatingImageBanner .VideoText h2 {
        font-size: 35px;
        line-height: 114%;
        margin-bottom: 25px
    }

    .SmallSliderBlock {
        height: 400px
    }

    .NewsBanner .media-banner-content {
        width: calc(100% - 200px)
    }

    #TextBlock.ipadtextblock {
        padding-left: 0
    }
}

@media(max-width: 460px) {
    .TermAndConditions .PeachPlus.HeadingMiddle {
        margin: 0
    }

    .additional-qualification-container .accordin-title {
        padding-left: 30px;
        font-size: 30px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
        height: 100px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        margin-bottom: 5px;
        font-size: 11px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        font-size: 14px;
        margin: 0
    }

    #AppointmedForm .VoucherBlock {
        padding: 6px 28px 6px 20px
    }

    #AppointmedForm .SpecialistDetail p {
        margin-bottom: 15px
    }

    #AppointmedForm > .content > .body textarea {
        padding: 10px 16px 30px 10px
    }

    #AppointmedForm .NetCarePlus a {
        font-size: 14px
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(2) {
        margin-right: 20px !important
    }

    #AppointmedForm > .content > .body .SectionButtons .form-group {
        margin-bottom: 5px
    }

    #AppointmedForm.IndividualDoctors > .content > .body .SectionButtons .form-group {
        margin-bottom: -8px
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2 {
        width: 90px;
        height: 90px
    }

    .AppointmentBoxes .box3 {
        width: 90px
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 13%
    }

    .FindHealthCare {
        font-size: 16px;
        margin-left: 5%;
        padding-left: 44px;
        padding-right: 25px
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
        font-size: 37px
    }

    .AppointmentBannerText p, .NetcarePlusBannerText p, .BookAppointmentBannerText p {
        font-size: 20px
    }

    .btn-primary.AppointmentPurchase, .ANMobile {
        margin-top: 20px
    }

    .AppointmentBannerText {
        margin-top: -160px
    }

    .BookAppointmentBannerText {
        margin-top: -130px
    }

    .GridOne .GridContainer {
        padding-top: 10%
    }

    .NetcarePlusBannerText {
        margin-top: -73%
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p, .CustomerFeedbackSlider .slick-slide.slick-current .SlideText p {
        margin-top: 80px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/AppointMedQuotes.svg) no-repeat 48% 12%;
        background-size: 14%
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 12%;
        background-size: 14%
    }

    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 12%;
        background-size: 14%
    }

    #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
        padding: 0 30px 0 30px;
        font-size: 12px;
        -webkit-line-clamp: 10
    }

    #AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText {
        padding: 6px 30px 8px 40px;
        margin: 5px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 42px
    }

    .InfoSectionLeft p {
        font-size: 16px !important
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 32px
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 16px
    }

    div#DoctorInformation .InfoBlock {
        margin-top: -190px;
        margin-left: 5px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        font-size: 13px !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1 {
        font-size: 40px
    }

    .AppointmedForm .LiveForm.Default .Thank-you p {
        font-size: 16px !important;
        padding: 0
    }

    .VisitingHoursText p {
        font-size: 14px;
        margin-right: 0
    }

    .DoctorProfile {
        padding: 40px 0
    }

        .DoctorProfile #watermark {
            right: 15px !important
        }

    .CovidPage.InfoBlock {
        padding: 30px
    }

    #HealthcareGrid .GridTitle {
        font-size: 28px
    }

    #LandingPageGrid .GridTitle {
        font-size: 24px !important;
        line-height: 117% !important
    }

    #LandingPageGrid .GridText p {
        font-size: 16px !important;
        line-height: 140% !important
    }

    #LandingPageGrid .LinkArrow {
        font-size: 14px
    }

    #LandingPageGrid .GridContainer {
        width: 90% !important
    }

    .BigSliderBlock {
        height: 530px
    }

    .media-banner-content {
        width: 85%
    }

    .QuickLinksWrapper .QuickLinks {
        padding: 0 25px;
        padding-bottom: 15px
    }

        .QuickLinksWrapper .QuickLinks #quicklinks-showonmobile {
            width: 90%
        }

        .QuickLinksWrapper .QuickLinks .QuickLinkItem a {
            width: 160px;
            margin-left: 0
        }

    .ipadwrapper {
        margin-top: -32%;
        padding-right: 20px;
        margin-left: 3%;
        margin-right: 0%;
        z-index: 1000
    }

    .ipadtextblock {
        padding-top: 0;
        padding-right: 0
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 40px !important;
        line-height: 114%
    }

    .SearchBannerWrapper .words {
        width: 60%
    }

    .search-input-banner-rotateText {
        font-size: 16px;
        line-height: 22px
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 51px !important
    }
}

@media(max-width: 430px) {
    .cardBlock_5.sectionInv_8.inv-section .imgsWrap {
        height: 633px
    }

    .Section-Button-padding {
        margin-bottom: 0 !important
    }

    #AppointmedForm.IndividualDoctors .NetCarePlus {
        margin-top: 0 !important
    }

    #AppointmedForm.IndividualDoctors section .SectionButtons {
        bottom: 0 !important
    }

    #AppointmedForm > .content > .body .select2-container--default .select2-selection--single, #AppointmedForm > .content > .body select, #AppointmedForm > .content > .body input {
        padding-left: 5px !important
    }

    .additional-qualification-container .accordin-title {
        padding-left: 45px
    }

    .NetcarePlusBannerText {
        top: -45px
    }

        .NetcarePlusBannerText p {
            font-size: 16px !important
        }

        .NetcarePlusBannerText h2 {
            width: 100% !important
        }

    .InfoCard1, .InfoCard2 {
        width: 85%;
        margin: 30px;
        height: 230px;
        padding-top: 25px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 35px
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 24px !important
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 14px !important
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 45px !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1 {
        font-size: 36px
    }

    .DoctorBioHeading h2 {
        font-size: 30px
    }

    .CovidRefresh .InfoCard1 h3, .CovidRefresh .InfoCard2 h3, .InfoSectionRight.HealthcareFAQ .InfoCard1 h3, .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
        font-size: 25px !important
    }

    .CovidPage.StatsBlock .WebsiteWrapper .StatsLogo {
        width: 75%
    }

    .SmallSliderBlock .Slider .Wrap .inner h3, .BigSliderBlock .Slider .Wrap .inner h3 {
        font-size: 18px;
        line-height: 22px
    }

    .BigSliderBlock .Slider .Wrap .inner .BlueArrowLink, .SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink {
        font-size: 14px
    }

    .BigSliderBlock {
        height: 550px
    }

        .BigSliderBlock .Slider {
            max-height: 400px
        }

    .SmallSliderBlock {
        max-height: 280px
    }

    .media-banner-content {
        width: 90%
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 35px !important
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 46px !important
    }
}

@media(max-width: 415px) {
    .AppointmentBannerText {
        margin-top: -152px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 30px;
        font-size: 30px
    }

    .AppointmedBanner .DesktopImage {
        display: none
    }

    .AppointmedBanner .MobileImage {
        display: block
    }

    div#dnn_LiveForm .LiveForm.Default h2 {
        font-size: 30px;
        width: 100%
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 32px !important;
        line-height: 45px !important
    }

    .HeaderFAQ {
        width: 100%
    }

    .CovidFAQTitle p, .FAQTitle p {
        font-size: 12px
    }

    .GridOne .GridContainer {
        padding-top: 6%
    }

    .QuickLinksWrapper .QuickLinks {
        padding: 0 5px
    }

        .QuickLinksWrapper .QuickLinks .QuickLinkItem {
            width: 165px
        }

    .ipadtextblock p {
        font-size: 14px
    }

    .ReuseBanner .CopyContainer h2, .ReuseBanner .CopyContainer-1 h2 {
        font-size: 24px;
        line-height: 117%
    }
}

@media(max-width: 460px) {
    footer .footertop {
        margin-left: 20px;
        margin-right: 20px
    }

    footer .footermiddle, footer .footerbottom, footer .dividerLine {
        margin-left: 20px;
        margin-right: 20px
    }

    footer .netcareplus-ribbon-bottom {
        padding: 0 20px
    }

    #AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar label {
        min-width: 44% !important
    }
}

@media(max-width: 420px) {
    #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 700px
    }

    .DoctorProfile .HeadingWrapper .Heading {
        ​​​​​​margin: 10px 35px 10px 0;
        color: #1d3443;
        opacity: .5;
        font-weight: 600;
        cursor: pointer;
        font-size: 18px;
        position: relative
    }

    #AppointmedForm.IndividualDoctors .VoucherBlock {
        font-family: 'Open Sans';
        border: 2px solid #1d3443;
        border-radius: 5px;
        padding: 15px 30px 15px 20px;
        position: relative;
        background-color: #f8f6f4 !important;
        color: #1d3443 !important;
        font-size: 14px;
        width: 100%;
        margin: auto
    }

    div#OtherPractices {
        display: inline-block
    }

    div#SpecialInterest {
        display: inline-block
    }

    div#Bio {
        display: inline-block
    }

    .DoctorProfile .HeadingWrapper.nav.nav-tabs {
        margin-left: 0;
        width: max-content;
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        justify-content: space-between;
        overflow-x: scroll
    }

    div#publicationsSliderNavWrapper {
        margin-top: -5px;
        margin-bottom: 5px
    }
}

@media(max-width: 400px) {
    #NetcareSlider {
        background-position-y: 115px
    }

    .SpecialistPlusWrapper table td label {
        min-width: 300px !important;
        margin-left: 0 !important
    }

    .NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
        height: 90px;
        right: 0
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        margin-bottom: 5px;
        font-size: 9px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        font-size: 11px;
        margin: 0 5px
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 17px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 8px
    }

    #AppointmedForm > .content > .body label.inputLabels {
        margin: 13px 5px 15px 10px !important
    }

    #AppointmedForm > .content > .body label.inputLabels {
        width: 50%
    }

    #AppointmedForm > .content > .body .select2-container--default .select2-selection--single, #AppointmedForm > .content > .body select, #AppointmedForm > .content > .body input {
        padding-left: 0 !important
    }

    #AppointmedForm > .content > .body {
        padding: 15px !important
    }

    #AppointmedForm.IndividualDoctors.IndividualDoctors > .content > .body {
        padding: 20px !important
    }

    #AppointmedForm p {
        font-size: 13px;
        margin-right: 10px
    }

    #AppointmedForm.IndividualDoctors p {
        font-size: 13px;
        margin-right: 10px
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2 {
        width: 80px;
        height: 80px
    }

    .AppointmentBoxes .box3 {
        width: 82px;
        height: 80px
    }

    .AppointmentHours p:first-child {
        font-size: 13px
    }

    .AppointmentHours p {
        font-size: 17px
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 5%
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2, .BookAppointmentBannerText h2 {
        margin-bottom: 20px;
        width: 100%
    }

    .AppointmentBannerText p, .BookAppointmentBannerText p {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 22px
    }

    #AppointMedSlider .SlideText p, #AppointMedSlider.NetcarePlusReviewSlider .SlideText p, .CustomerFeedbackSlider .SlideText p {
        padding: 0 30px 0 30px
    }

    #AppointMedSlider .SlideText, #AppointMedSlider.NetcarePlusReviewSlider .SlideText, .CustomerFeedbackSlider .SlideText {
        padding: 1px 25px 8px 25px;
        margin: 5px
    }

    .CustomerFeedbackSlider .SlideText {
        padding: 30px 25px 8px 25px
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 400px;
        margin: 50px 5px 5px
    }

    .AppointmentCarouselHeading h2 {
        font-size: 35px;
        margin-bottom: 15px
    }

    .AppointmentImg img {
        margin-top: -55px
    }

    .GridTitle {
        font-size: 25px
    }

    .GridText p, #HealthcareGrid .GridText p {
        font-size: 16px !important
    }

    .GridOne .GridText {
        width: 100% !important
    }

    .GridFive .GridContainer {
        padding-top: 15%
    }

    .GridOne .GridContainer {
        padding-top: 15%
    }

    .SquareOne, .SquareTwo, .SquareThree {
        height: 340px
    }

    .InfoCard1, .InfoCard2 {
        height: 200px
    }

    .NetcarePlusBannerText {
        top: 8px;
        margin-top: -80%
    }

    div#DoctorInformation .InfoBlock .DoctorName {
        font-size: 35px;
        line-height: 40px
    }

    .HeadingWrapper.nav.nav-tabs {
        padding: 5px 0
    }

    .btn-primary.FindMore {
        margin-top: 25px
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 40px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li, .AppointmedSignUp .BannerTextAppointMed p {
        font-size: 16px !important
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 28px !important;
        line-height: 38px !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 14px !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1 {
        font-size: 36px
    }

    .DoctorProfile #watermark #bg-text {
        font-size: 200px !important
    }

    div#DoctorInformation .InfoBlock .ProfileImage img {
        width: 30%
    }

    .CovidPage.StatsBlock .StatsDetails {
        padding: 25px
    }

    #SplitBanner .Content {
        padding: 30px 20px
    }

        #SplitBanner .Content .TextWrapper .btn-primary.mythBtn {
            padding: .84rem 2px;
            font-size: 15px
        }

    .CovidRefresh .InfoSectionLeft h1, .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        width: 60%
    }

    .InfoSectionRight {
        margin-top: 0%
    }

        .CovidRefresh .InfoCard1 h3, .CovidRefresh .InfoCard2 h3, .InfoSectionRight.HealthcareFAQ .InfoCard1 h3, .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
            margin-top: 0
        }

        .CovidRefresh .peachblock, .InfoSectionRight.HealthcareFAQ .peachblock {
            height: 17px;
            top: 60%;
            width: 100%
        }

    .CovidPage.StatsBlock .WebsiteWrapper .StatsLogo {
        width: 90%
    }

    .WhiteGoldBlock:first-child .DownloadLink {
        display: table;
        width: 85%
    }

    .BigSliderBlock {
        height: 650px
    }

    .media-banner-content {
        width: 95%
    }

    .ipadtextblock h2 {
        font-size: 35px
    }

    #LandingPageGrid .GridFive .GridText {
        width: 100% !important
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem {
        width: auto
    }

        .QuickLinksWrapper .QuickLinks .QuickLinkItem a {
            width: 100%
        }

    .imgsWrap {
        height: 615px
    }

    #dnn_BottomFullBanner .sectionInv_8 .imgsWrap {
        height: 690px;
        background-color: #eae1db
    }

    .errorMsg .innerErrorMsg {
        padding: 40px;
        background: #fff
    }

    .slick-dots li button:before {
        font-size: 36px
    }

    footer .netcareplus-ribbon-bottom .text-right {
        padding-left: 30px;
        text-align: left !important;
        width: 80%
    }
}

@media(max-width: 390px) {
    #AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar {
        display: inline-table;
        width: 105%;
        margin-left: -6px
    }

    #AppointmedForm.IndividualDoctors .AppointmedFormRadioButtons label {
        font-size: 14px
    }
}

@media(max-width: 387px) {
    #AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
        width: 100%;
        margin: 0 auto;
        display: block;
        padding: 15px 20px
    }

    .NetcarePlusBannerText {
        top: 35px;
        margin-top: -95%
    }

    div#SpecialInterest {
        display: inline-block
    }

    div#Bio {
        display: inline-block
    }

    div#OtherPractices {
        display: inline-block
    }

    .CovidRefresh .InfoSectionLeft h1, .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        width: 70%
    }

    div#OtherPractices {
        display: inline-block
    }

    div#SpecialInterest {
        display: inline-block
    }

    div#Bio {
        display: inline-block
    }

    .additional-qualification-container .accordin-title {
        padding-left: 45px
    }

    .NewsBanner .media-banner-content {
        width: calc(100% - 150px)
    }
}

@media(max-width: 375px) {
    #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 673px
    }

    ​​​​ .QoC-section .imgsWrap {
        height: 630px
    }

    #AppointmedForm .FinalDetail {
        margin-top: 0
    }

    #AppointmedForm.IndividualDoctors .VoucherBlock {
        padding: 10px 10px 10px 14px !important
    }

    #AppointmedForm .NetCarePlus a {
        font-size: 13px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 30px;
        font-size: 30px
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(2) {
        margin-right: 15px !important
    }

    div#OtherPractices {
        display: inline-block
    }

    div#SpecialInterest {
        display: inline-block
    }

    div#Bio {
        display: inline-block
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 21px !important
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 14px !important
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 261px;
        padding: 15px
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 20%
    }

    .AppointmedSignUp .BannerTextAppointMed li, .AppointmedSignUp .BannerTextAppointMed p {
        font-size: 14px !important
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 38px !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1 {
        font-size: 32px
    }

    #DoctorProfileSection .HeadingWrapper .Heading:first-child, div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading:first-child {
        margin-left: 2px
    }

    .DoctorProfile .HeadingWrapper .Heading, div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        margin-left: 15px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock #Languages {
        margin: 0 -80px 10px 20px !important
    }

    .CovidPage.InfoBlock {
        margin-top: -45%;
        padding: 35px
    }

    #BigSlider.BannerContent .BigSlide .Content {
        padding: 20px 25px
    }

    #HealthcareGrid .GridThree .GridTitle {
        width: 75% !important
    }

    .media-banner-content {
        width: 95%;
        position: relative;
        height: auto
    }

    .HeadingWrapper #PP {
        margin: 0 8px 0 -10px;
        font-size: 15px
    }

    .HeadingWrapper #preAd {
        font-size: 15px;
        margin: 0 0 0 10px
    }

    footer .footermiddle .legal-links.linkslist2 .legalLink:last-child {
        padding-right: 0
    }

    .SearchBannerWrapper .words {
        width: 65%
    }

    .collapseBIOBlock .bio-publications-body, .collapseBIOBlock .bio-conferences-body {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    div#publicationsSliderNavWrapper {
        margin-top: -15px;
        margin-bottom: 0
    }

    #publicationsSliderNav {
        margin-right: 5%
    }
}

@media(max-width: 370px) {
    .QoC-section .imgsWrap {
        height: 620px
    }
}

@media(max-width: 360px) {
    ​​​​ .blue-icon-box {
        width: 100% !important
    }

    .blue-icon-box h2 {
        font-size: 36px !important
    }

    .blue-icon-box p {
        font-size: 20px
    }

    .blue-icon-box .icon img {
        float: right;
        padding: 2px;
        width: 100%;
        height: auto
    }

    .third-nr-box {
        width: 100% !important
    }

    .CoverAIRContainer img {
        width: 80%
    }

    h4.AIRSsubHeading {
        width: 75%
    }

    .LineHeader {
        height: 70px
    }

    .videoHeading h2.PeachPlus.HeadingMiddle {
        padding-right: 5%
    }

    .LiveForm .Radiobutton table td label {
        padding: 13px 45px !important;
        font-size: 14px !important
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 41%;
        padding: 4px 23px
    }

    .SpecialistPlusWrapper table td label {
        font-size: 13px !important;
        min-width: 135px !important
    }

    .SpecialistPlusWrapper table tr td:nth-child(2) {
        padding-left: 18px !important
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        margin: 0
    }

    .AppointmentBoxes .box1, .AppointmentBoxes .box2 {
        width: 55px;
        height: 55px
    }

    .AppointmentBoxes .box3 {
        width: 53px;
        height: 55px;
        margin-left: 57%
    }

    .btn-primary.btnAppointment, .btn-primary.btnBuyVoucher {
        font-size: 14px
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 15%
    }

    .AppoinmentCall, .AppointmedLink {
        margin: 0;
        padding-left: 25px
    }

    .FindHealthCare {
        margin: 0
    }

    .AppointmentCarouselHeading h2, .NetcarePlusCarouselHeading h2, .CustomerFeedbackCarouselHeading h2 {
        font-size: 32px
    }

    #AppointMedSlider, #AppointMedSlider.NetcarePlusReviewSlider, .CustomerFeedbackSlider {
        height: 435px;
        margin: 50px 5px 15px
    }

    .CustomerFeedbackSlider {
        height: 400px
    }

    .AppointmentImg img {
        margin-top: -38px
    }

    .NetcarePlusBannerText h2 {
        font-size: 30px
    }

    .NetcarePlusBannerText {
        top: 20px;
        margin-top: -92%
    }

    .SecondContainer {
        padding-left: 5%
    }

    .GridOne .GridContainer {
        padding-top: 5%
    }

    .InfoCard1, .InfoCard2 {
        height: 185px;
        margin: 25px
    }

    .InfoSectionLeft {
        width: 100%
    }

        .InfoSectionLeft .LightbluePlus {
            font-size: 32px
        }

    div#DoctorInformation .ContactInfoBlock .RightBlock {
        padding: 20px 15px 50px 15px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock #Languages, div#DoctorInformation .ContactInfoBlock .LeftBlock #Availability, div#DoctorInformation .ContactInfoBlock .LeftBlock #PracticeHeading {
        font-size: 13px !important
    }

    div#DoctorInformation .InfoBlock {
        margin-top: -150px
    }

    .GridThree .AppointmedSignUp .GridContainer, .GridFive .AppointmedSignUp .GridContainer {
        padding-top: 2%
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 22%
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 25px !important;
        line-height: 32px !important
    }

    div#DoctorInformation .ContactInfoBlock .CallNetcare, div#DoctorInformation .ContactInfoBlock .CallDoctor {
        width: 160px !important;
        padding: 13px 8px !important
    }

    div#DoctorInformation .ContactInfoBlock .CallDoctor {
        width: 130px !important
    }

    .DoctorProfile .HeadingWrapper .Heading {
        font-size: 17px
    }

    .DoctorProfile #watermark {
        right: -5px !important
    }

    #HealthcareGrid .GridTitle {
        width: 100% !important
    }

    #HealthcareGrid .GridText p, #LandingPageGrid .GridText p {
        font-size: 14px !important
    }

    #LandingPageGrid .GridTitle {
        width: 100% !important
    }

    .CovidPage.InfoBlock {
        padding: 20px
    }

        .CovidPage.InfoBlock .InfoBlockTitle {
            font-size: 32px
        }

    #searchModal .modal-dialog .modal-content .modal-body > div input {
        font-size: 14px !important
    }

    .search-bar-banner::after {
        font-size: 14px
    }

    .search-bar::after {
        content: attr(data-content);
        position: absolute;
        right: 65px;
        z-index: 2;
        top: 15px;
        color: #80898f;
        font-family: "Open Sans";
        font-size: 14px
    }

    .autocomplete-box li {
        font-size: 14px
    }

    .SearchBannerWrapper .words {
        width: 70%
    }

    SmartSearch .SearchResults .link-text {
        font-size: 14px;
        line-height: 125%
    }

    .governance-structure-header {
        font-size: 35px;
        line-height: 114%
    }

    #StrategicPillarsSlider .StrategicPillarsSlide .circle {
        box-shadow: none
    }

    .NewsBanner .media-banner-content .media-banner-text {
        font-size: 30px
    }

    .QoC-section .imgsWrap {
        height: 630px
    }

    #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 745px
    }
}

@media(max-width: 350px) {
    #dnn_BottomFullBanner .sectionInv_8 .imgsWrap {
        height: 801px;
        background-color: #eae1db
    }

    #responsiveSafari .imgsWrap {
        height: 925px
    }

    #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 780px
    }

    .errorMsg .innerErrorMsg {
        padding: 30px 12px
    }

    footer .footermiddle .legal-links.linkslist2 .legalLink {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(max-width: 340px) {
    ​​​​ #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 745px
    }

    .DoctorProfile .HeadingWrapper .Heading {
        ​​​​​​margin: 10px 35px 10px 0;
        color: #1d3443;
        opacity: .5;
        font-weight: 600;
        cursor: pointer;
        font-size: 18px;
        text-transform: lowercase;
        position: relative
    }
}

@media(max-width: 330px) {
    ​​​​ .DoctorProfile .HeadingWrapper .Heading {
        ​​​​​​margin: 10px 35px 10px 0;
        color: #1d3443;
        opacity: .5;
        font-weight: 600;
        cursor: pointer;
        font-size: 18px;
        text-transform: lowercase;
        position: relative
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 8px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        margin: 0;
        font-size: 10px
    }

    .NetcarePlusWrapper p {
        padding-right: 10% !important
    }

    #AppointmedForm .NetCarePlus a {
        font-size: 12px
    }

    .AppointmentBoxes .box3 {
        width: 53px
    }

    .AppointBlockTwo, .NetcarePlusBlockTwo {
        margin-top: 25px
    }

    .GridOne .GridContainer {
        padding-top: 3%
    }

    .GridFive .GridContainer {
        padding-top: 10%
    }

    .GridText p, #HealthcareGrid .GridText p {
        font-size: 13px !important
    }

    .NetcarePlusBannerText p {
        line-height: 22px
    }

    .GridThree .AppointmedSignUp .GridText {
        width: 99% !important
    }

    .AppointmedSignUp .BannerTitleAppointMed h1, .AppointmedSignUp .BannerTitleAppointMed {
        font-size: 34px !important
    }

    .CovidRefresh .InfoCard1 h3, .CovidRefresh .InfoCard2 h3, .InfoSectionRight.HealthcareFAQ .InfoCard1 h3, .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
        font-size: 24px !important
    }

    #HealthcareGrid .GridOne, #HealthcareGrid .GridThree, #HealthcareGrid .GridFive {
        padding: 9%
    }

    .BigSliderBlock {
        height: 660px
    }

    .SmallSliderBlock {
        max-height: 290px
    }

    #modalSearchTextbox::placeholder {
        background: url(../images/icons/search_modal_blue.svg) no-repeat 97% center
    }

    #bannerSearchTextbox::placeholder {
        background: url(../images/icons/search_modal_blue.svg) no-repeat 97% center
    }

    .SearchBannerWrapper .words {
        width: 65%
    }

        .SearchBannerWrapper .words .big-heading {
            font-size: 30px !important;
            line-height: 114%
        }

        .SearchBannerWrapper .words .highlighted-you-underlined {
            padding-bottom: 40px !important
        }

    .NewsBanner .media-banner-content {
        margin-left: 16px
    }

        .NewsBanner .media-banner-content .media-banner-text {
            font-size: 26px
        }

    .imgsWrap {
        height: 700px
    }

    footer .footermiddle .legal-links.linkslist2 a, footer .footermiddle .legal-links.linkslist2 span {
        font-size: 11px
    }

    #dnn_bottomFullWidthBanner_6 .cardBlock_5 .thumbnailCard h5 {
        font-size: 30px
    }

    #dnn_bottomFullWidthBanner_6 .sectionInv_6_2 a.click-link {
        font-size: 13px !important
    }

    #dnn_bottomFullWidthBanner_6 .cardBlock_5 .thumbnailCard p {
        font-size: 14px
    }

    #dnn_bottomFullWidthBanner_6 .sectionInv_8 .imgsWrap {
        height: 605px
    }

    footer .footermiddle .legal-links.linkslist2 a, footer .footermiddle .legal-links.linkslist2 span {
        font-size: 11px
    }

    #AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
        padding: 15px 10px
    }
}

@media screen and (max-width: 275px) {
    .third-nr-box {
        word-wrap: break-word
    }

    .PageTitle {
        word-break: break-word
    }
}

@media(max-width: 794px) {
    .arrow-right {
        bottom: 10px !important
    }

    .value-one-desc {
        width: 46.5%
    }

    AppointmedForm.IndividualDoctors > .content > .body .BookAnotherAppointmedBtn {
        width: 50%;
        margin: 0 auto;
        display: block
    }
}

@media(max-width: 790px) {
    .desktop-only {
        display: none
    }

    .mobile-only {
        display: block
    }
}

@media(min-width: 791px) {
    .desktop-only {
        display: block
    }

    .mobile-only {
        display: none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    #BigSlider .BigSlide .Content, #BigSlider .BigSlide .Image {
        height: auto
    }

    .NetcarePlusSlider#BigSlider .BigSlide .Image .DesktopImage {
        height: auto
    }
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #000
}

    .cookiealert.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0%);
        transition-delay: 1000ms
    }

    .cookiealert a {
        text-decoration: underline;
        color: #fff
    }

    .cookiealert .acceptcookies {
        margin-left: 10px;
        vertical-align: baseline;
        min-height: initial
    }

.videoBlurContainer #iframeVideoSwitch {
    display: none
}

.videoBlurContainer {
    position: relative;
    flex-wrap: wrap;
    width: 100%;
    height: 800px;
    box-shadow: 4px 4px 20px 14px rgba(0,0,0,.05);
    display: flex;
    overflow: hidden;
    justify-content: center;
    margin-top: 100px
}

    .videoBlurContainer .textContainer {
        padding: 50px;
        width: 90%;
        margin-top: 7%
    }

        .videoBlurContainer .textContainer .row {
            align-items: center
        }

            .videoBlurContainer .textContainer .row .tighter {
                padding: 97px
            }

                .videoBlurContainer .textContainer .row .tighter a::before {
                    content: "";
                    background-image: url(/Portals/_default/skins/netcare-core/images/icons/play-in-circle.svg);
                    background-repeat: no-repeat;
                    background-size: 20px;
                    position: absolute;
                    left: 24px;
                    top: 18px;
                    width: 20px;
                    height: 20px
                }

                .videoBlurContainer .textContainer .row .tighter a {
                    cursor: pointer;
                    background-color: #1d3443;
                    width: 100%;
                    position: relative;
                    border-radius: 3px;
                    max-width: 274px;
                    display: inline-block;
                    height: 57px;
                    text-align: center;
                    color: #fff;
                    padding-top: 15px;
                    padding-left: 24px;
                    font-size: 18px;
                    font-family: Open Sans;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 25px;
                    margin-top: 25px
                }

                    .videoBlurContainer .textContainer .row .tighter a:hover {
                        background-color: #d5bfac;
                        color: #fff
                    }

        .videoBlurContainer .textContainer h3 {
            color: #fff;
            font-family: Open Sans;
            font-style: normal;
            font-weight: bold;
            font-size: 70px;
            line-height: 90px;
            letter-spacing: -.03em
        }

        .videoBlurContainer .textContainer p {
            font-size: 18px;
            color: #fff
        }

    .videoBlurContainer .videoContainerSection {
        position: absolute;
        z-index: -1;
        overflow: hidden;
        background-color: #fff;
        left: 0
    }

    .videoBlurContainer #videoBG {
        min-width: 1431px;
        -webkit-filter: blur(80px);
        -moz-filter: blur(80px);
        -o-filter: blur(80px);
        -ms-filter: blur(80px);
        filter: blur(80px)
    }

.videoHalfSection {
    background-color: #f4ede6;
    height: 600px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -5;
    margin-top: -100px
}

@media only screen and (max-width: 1300px) {
    .videoBlurContainer .textContainer h3 {
        font-size: 55px
    }

    .videoBlurContainer .textContainer .row .tighter {
        padding: 45px
    }
}

@media only screen and (max-width: 991px) {
    .videoHalfSection {
        height: 290px;
        margin-top: -50px
    }

    .videoBlurContainer .videoContainerSection {
        display: none
    }

    .videoBlurContainer .textContainer .row .tighter {
        padding: 15px
    }

    .videoBlurContainer #iframeVideoSwitch {
        display: block
    }

    .videoBlurContainer .textContainer {
        padding: initial;
        margin-top: 0
    }

    .videoBlurContainer {
        margin-top: 30px;
        box-shadow: none;
        overflow: hidden;
        height: auto
    }

        .videoBlurContainer .textContainer .row .tighter a {
            display: none
        }

        .videoBlurContainer .textContainer h3 {
            font-style: normal;
            font-weight: normal;
            font-size: 30px;
            line-height: 42px;
            letter-spacing: -.03em;
            color: #57656e
        }

    .facilities-info-icon {
        background: url('../images/icons/info.svg') no-repeat 0
    }

    .facilities-par-text {
        font-size: 18px;
        line-height: 130%;
        color: #57656e;
        margin: 9px 40px 0
    }

    .videoBlurContainer .textContainer p {
        font-style: normal;
        font-size: 18px;
        line-height: 130%;
        color: #1d3443
    }

        .videoBlurContainer .textContainer p:first-of-type {
            font-weight: 600
        }

    div#DoctorInformation .InfoBlock {
        margin-left: 0
    }

    .doctor-avail-label {
        margin-bottom: 20px
    }

    .doctor-lan-label {
        margin-bottom: 20px
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock {
        width: 70%
    }

    .strat-pill-content-card {
        background-color: #fff;
        padding: 60px 30px 60px 30px;
        margin-top: 50px;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        box-shadow: none;
        border-radius: 0;
        max-width: 100%;
        min-height: 200px
    }
}

@media(max-width: 768px) {
    .doctor-appoint-news-container {
        padding-top: 60px
    }

    .DocumentListLabel {
        max-width: 80% !important
    }

    .BannerWrapper {
        padding-bottom: 20%
    }

        .BannerWrapper .overlay {
            top: 45%
        }

        .BannerWrapper .words {
            top: 50% !important
        }

    .SearchBannerWrapper .words .big-heading {
        font-size: 60px
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 78px
    }

    .SmartSearch .SeeAllLink {
        display: block
    }

    .health-care-information-container {
        display: block
    }

    .ipadtextblock .btn {
        display: block
    }

    .ipadtextblock .btn-primary {
        margin-right: 0
    }

    .space-above-footer {
        padding-top: 30px
    }
}

.covidVideoContainer {
    box-shadow: none
}

.covidVideoImage {
    z-index: 2
}

.ContactUsDivider {
    border-bottom: 1px #808080 solid
}

    .ContactUsDivider ul {
        margin-bottom: 35px
    }

div#DoctorInformation .ContactInfoBlock .RightBlock {
    background: #1d3443;
    padding: 30px 30px;
    width: 100%;
    overflow-y: hidden;
    padding-bottom: 100px
}

div#DoctorInformation .ContactInfoBlock .TopBlock {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #3d4f5b;
    opacity: 1;
    width: 30%;
    padding: 60px 0
}

div#DoctorInformation .ContactInfoBlock {
    max-height: 620px
}

.RightBlock .HeadingWrapper.nav.nav-tabs {
    background: #344856;
    border-radius: 5px;
    padding: 0
}

#Contact, #Availability {
    padding: 17px 0;
    text-align: center;
    min-width: 280px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.03em;
    color: #fff;
    cursor: pointer
}

#Availability {
    margin: 5px 10px;
    padding: 18px 0
}

#Contact {
    margin: 5px 10px
}

.RightBlock .Heading.active {
    border: 1.5px solid #fff;
    box-sizing: border-box;
    border-radius: 5px
}

#doctorSlider {
    margin-bottom: 20px
}

    #doctorSlider .BigSlide {
        margin-top: 20px;
        height: auto
    }

    #doctorSlider .slick-dotted.slick-slider {
        margin-bottom: 0
    }

    #doctorSlider .doctorWrapper {
        border: 2px solid #80898f;
        margin: 10px 5px;
        border-radius: 5px;
        padding: 25px
    }

    #doctorSlider .HospName, #doctorSlider .HospLink {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        display: flex;
        align-items: center;
        letter-spacing: -.03em;
        color: #e4d7cc;
        margin-bottom: 20px;
        background: url(../images/icons/rightGoldArrow.svg) no-repeat center right;
        overflow-wrap: break-word
    }

    #doctorSlider .HospLink {
        background: none;
        cursor: auto
    }

    #doctorSlider .DateTimeHeading h6 {
        font-family: Open Sans;
        font-style: normal;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: .15em;
        text-transform: uppercase;
        color: #80898f;
        margin-bottom: 2px;
        padding-left: 25px;
        background: url(../images/icons/greyClock.svg) no-repeat center left
    }

    #doctorSlider .DateTimeHeading p {
        font-style: normal;
        font-weight: normal;
        line-height: 140%;
        padding-left: 25px;
        color: #fff
    }

    #doctorSlider .NoDateTimeHeading {
        margin-bottom: 2px;
        padding-left: 25px;
        background: url(../images/icons/greyClock.svg) no-repeat center left
    }

        #doctorSlider .NoDateTimeHeading p {
            color: #fff
        }

div#DoctorInformation .RightBlock .nav.nav-tabs {
    display: flex;
    justify-content: space-between;
    margin-top: -10px;
    margin: -10px 5px
}

#DoctorInformation .slick-dots li.slick-active button:before {
    color: #fff !important;
    font-size: 40px
}

#DoctorInformation .slick-dots li.slick-active button:after {
    color: #80898f !important;
    font-size: 40px
}

#DoctorInformation .slick-dots li {
    width: 25px;
    height: 30px
}

    #DoctorInformation .slick-dots li button:before {
        color: #80898f !important;
        font-size: 40px
    }

#doctorSliderNav .prev-arrow.slick-arrow {
    left: -10px
}

#doctorSliderNav .next-arrow.slick-arrow {
    right: -10px
}

#DoctorInformation #doctorSliderNav .prev-arrow.slick-arrow {
    background: url(../images/Dashboard/whiteArrowLeft.svg) no-repeat center center
}

#DoctorInformation #doctorSliderNav .next-arrow.slick-arrow {
    background: url(../images/Dashboard/whiteArrowRight.svg) no-repeat center center
}

#DoctorInformation #ContactMenu {
    padding: 30px 20px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Landline a {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 20px;
    background: url(../images/Dashboard/phone.svg) no-repeat 0 0;
    padding-left: 45px;
    font-weight: 300;
    overflow-wrap: break-word
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Landline {
    margin-bottom: 20px;
    overflow-wrap: break-word
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Website {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 20px;
    background: url(../images/Dashboard/monitor.svg) no-repeat 0 0;
    padding-left: 45px;
    overflow-wrap: break-word;
    text-decoration: underline
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone {
    background: url(../images/Dashboard/smartphone.svg) no-repeat 0 0;
    margin-bottom: 20px;
    overflow-wrap: break-word;
    font-size: 16px
}

    div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone a {
        color: #fff
    }

div#DoctorInformation .ContactInfoBlock .RightBlock .Email {
    font-family: "Open Sans";
    line-height: 22px;
    color: #fff;
    margin-bottom: 20px;
    background: url(../images/Dashboard/mail.svg) no-repeat 0 1px;
    padding-left: 45px;
    overflow-wrap: break-word
}

    div#DoctorInformation .ContactInfoBlock .RightBlock .Email a {
        color: #fff;
        font-weight: 300;
        font-size: 16px
    }

        div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone a:hover, div#DoctorInformation .ContactInfoBlock .RightBlock .Email a:hover, div#DoctorInformation .ContactInfoBlock .RightBlock .Landline a:hover, div#DoctorInformation .ContactInfoBlock .RightBlock .Website:hover {
            color: #e4d7cc
        }

div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
    left: 0;
    bottom: 30px;
    width: 90%;
    margin-left: 33px;
    display: block !important
}

div#doctorSliderNav .dots {
    bottom: 30px !important
}

div#PracticeMenu {
    margin-top: 20px
}

@media(max-width: 1400px) {
    #Contact, #Availability {
        min-width: 260px
    }
}

@media(max-width: 1300px) {
    #Contact, #Availability {
        min-width: 200px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 90% !important
    }
}

@media(max-width: 1100px) {
    #Contact, #Availability {
        min-width: 180px;
        margin: 5px 5px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 89% !important
    }
}

@media(max-width: 61.95em) {
    div#DoctorInformation {
        display: block
    }

        div#DoctorInformation .ContactInfoBlock {
            width: 100%;
            margin-left: 0
        }

    #Contact, #Availability {
        min-width: 200px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 93% !important
    }
}

@media(max-width: 768px) {
    div#DoctorInformation .ContactInfoBlock .RightBlock {
        border-radius: 10px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        position: absolute;
        width: 90% !important;
        margin-left: auto;
        margin-right: auto;
        margin-left: auto
    }

    div#doctorSliderNav {
        display: block;
        margin-top: 30px;
        margin-bottom: 20px
    }

    #doctorSlider.slick-dotted.slick-slider {
        margin-bottom: 45px
    }

    #DoctorInformation #doctorSliderNav .next-arrow.slick-arrow, #DoctorInformation #doctorSliderNav .prev-arrow.slick-arrow {
        background: none
    }

    div#DoctorInformation .ContactInfoBlock {
        height: 630px
    }

    div#DoctorInformation .RightBlock .nav.nav-tabs {
        width: 100%
    }

    #Contact, #Availability {
        min-width: 270px
    }

    div#DoctorInformation .DateTimeHeading .row .col-md-6 {
        width: 50%
    }

    #DoctorInformation #ContactMenu {
        margin-top: 20px
    }
}

@media(max-width: 650px) {
    #Contact, #Availability {
        min-width: 245px
    }
}

@media(max-width: 600px) {
    #DoctorInformation #doctorSliderNav .next-arrow.slick-arrow, #DoctorInformation #doctorSliderNav .prev-arrow.slick-arrow {
        background: none
    }

    div#DoctorInformation .nav.nav-tabs {
        padding-bottom: 0 !important
    }

    #Contact, #Availability {
        min-width: 205px;
        font-weight: 300
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock {
        padding: 30px 20px
    }

    #doctorSlider .HospName, #doctorSlider .DateTimeHeading p {
        font-size: 14px
    }

    div#BigSliderNav .dots {
        bottom: 30px !important
    }

    .RightBlock .HeadingWrapper.nav.nav-tabs {
        margin: 0
    }

    #DoctorInformation #ContactMenu {
        padding: 30px 5px;
        margin-top: 15px
    }

    #doctorSlider .NoDateTimeHeading {
        margin-top: -15px
    }

        #doctorSlider .NoDateTimeHeading p {
            padding-top: 15px
        }

    div#DoctorInformation .ContactInfoBlock .RightBlock {
        min-height: -webkit-fill-available;
        height: auto
    }

    #doctorSlider .BigSlide, #doctorSlider {
        height: auto
    }

    div#DoctorInformation .DateTimeHeading .row .col-md-6 {
        width: 100%
    }

    div#BigSliderNav {
        height: 80px
    }

    div#DoctorInformation {
        margin-bottom: 40%
    }

        div#DoctorInformation .ContactInfoBlock #ContactMenu {
            height: 100%
        }

    #AppointmedForm.IndividualDoctors > .content > .body .confirmationMsg h2 {
        margin-bottom: 40px;
        font-family: 'Open Sans Bold';
        font-size: 35px;
        line-height: 114%;
        text-align: center;
        letter-spacing: -.03em;
        color: #fff
    }

    #AppointmedForm.IndividualDoctors > .content > .body .confirmationMsg p {
        margin-bottom: 40px !important;
        font-family: 'Open Sans Light';
        font-size: 20px !important;
        line-height: 114%
    }

        #AppointmedForm.IndividualDoctors > .content > .body .confirmationMsg p.medical-assistance {
            margin-bottom: 40px !important;
            font-family: 'Open Sans Bold';
            font-size: 20px !important
        }
}

@media(max-width: 460px) {
    #Contact, #Availability {
        min-width: 150px
    }
}

@media(max-width: 400px) {
    #Contact, #Availability {
        min-width: 115px;
        height: 50px
    }

    #doctorSlider .doctorWrapper {
        padding: 15px 10px
    }

    div#BigSliderNav .dots {
        bottom: 45px !important
    }
}

.bio-experience-heading-icon {
    background: url(../images/icons/specialist.svg) no-repeat center !important;
    background-size: 25px;
    padding: 25px 20px;
    padding-right: 25px;
    margin-right: 10px
}

.doctor-bio-experience-heading {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-bottom: 15px
}

.doctor-bio-experience-institute {
    font-family: 'Open Sans Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #80898f;
    padding-bottom: 15px
}

.doctor-bio-experience-list {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-bottom: 8px
}

.TopHeader {
    background: #f8f6f4;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px 0 40px
}

    .TopHeader .top-header-links {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 100%
    }

        .TopHeader .top-header-links a {
            color: #7f6f64;
            font-family: Open Sans;
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 167%;
            letter-spacing: -.03em;
            padding-left: 10px;
            padding-right: 40px;
            margin-right: 30px
        }

            .TopHeader .top-header-links a.emergency-services {
                font-family: Open Sans;
                font-style: normal;
                font-weight: 600;
                font-size: 14px;
                line-height: 20px;
                display: flex;
                align-items: center;
                flex-wrap: nowrap;
                letter-spacing: -.42px;
                color: #1d3443;
                height: 35px;
                min-width: 200px;
                padding-left: 0;
                padding-right: 0;
                margin-right: 0
            }

                .TopHeader .top-header-links a.emergency-services .es-fullword {
                    display: block;
                    padding-left: 10px;
                    color: #1d3443
                }

                .TopHeader .top-header-links a.emergency-services:hover .es-fullword {
                    color: #3da9d1
                }

    .TopHeader .top-header-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
        width: 100%
    }

        .TopHeader .top-header-buttons .searchBoxHeader {
            width: 100%
        }

.searchBoxHeader {
    position: relative;
    width: 70vw;
    height: 48px;
    display: flex;
    align-items: center
}

.TopHeader .top-header-buttons a.search-button {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 143%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    letter-spacing: -.03em;
    color: #1d3443;
    height: 35px;
    position: absolute;
    right: 0;
    z-index: 999
}

    .TopHeader .top-header-buttons a.search-button div.container {
        display: flex;
        align-items: center
    }

        .TopHeader .top-header-buttons a.search-button div.container img.search-netcare {
            margin-right: 14px
        }

        .TopHeader .top-header-buttons a.search-button div.container .search-netcare-text {
            padding-top: 6px;
            padding-right: 15px;
            height: 35px
        }

            .TopHeader .top-header-buttons a.search-button div.container .search-netcare-text.searchbar {
                font-family: 'Open Sans';
                color: #bec2c6;
                font-weight: 400
            }

        .TopHeader .top-header-buttons a.search-button div.container .search-netcare-small-text {
            font-family: 'Open Sans';
            color: #bec2c6;
            font-weight: 400;
            display: none
        }

        .TopHeader .top-header-buttons a.search-button div.container .search-netcare-text-none {
            padding-top: 6px;
            height: 35px;
            display: none
        }

    .TopHeader .top-header-buttons a.search-button img.search-netcare-icon-close {
        display: none;
        padding-right: 30px
    }

.TopHeader .top-header-buttons .login-button {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-right: 0;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.03em;
    color: #1d3443;
    min-width: 240px
}

    .TopHeader .top-header-buttons .login-button:hover {
        cursor: pointer
    }

    .TopHeader .top-header-buttons .login-button img {
        margin-right: 14px
    }

    .TopHeader .top-header-buttons .login-button .menu-vertical {
        padding-left: 14px;
        padding-right: 0;
        margin-right: 0;
        margin-left: 0
    }

    .TopHeader .top-header-buttons .login-button .login-button-profile-pic {
        border-radius: 50%;
        overflow: hidden;
        margin: 2px;
        background-size: contain;
        width: 34px;
        height: 34px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border: 1.5px solid #3da9d1
    }

        .TopHeader .top-header-buttons .login-button .login-button-profile-pic .loggedin-profilepic {
            width: 28px;
            height: auto;
            border-radius: 50%;
            margin-right: 0
        }

    .TopHeader .top-header-buttons .login-button .login-button-text {
        display: block
    }

    .TopHeader .top-header-buttons .login-button .login-button-text-xs {
        display: none
    }

    .TopHeader .top-header-buttons .login-button:before {
        height: 35px;
        content: '';
        background: #bec2c6;
        width: 1px;
        opacity: .4;
        margin-right: 30px
    }

.TopHeader.subSite {
    background: none;
    padding-left: 30px
}

    .TopHeader.subSite .top-header-links a.reverseArrow {
        margin-left: -35px;
        transform: scale(.8);
        margin-right: -20px;
        background: url(../images/icons/left-full_blue.svg) no-repeat left
    }

        .TopHeader.subSite .top-header-links a.reverseArrow:hover {
            background: url(../images/icons/left-long-blue.svg) no-repeat left
        }

        .TopHeader.subSite .top-header-links a.reverseArrow img {
            margin-left: 30px;
            width: 75px
        }

@media(max-width: 859px) {
    .TopHeader {
        padding: 0 20px
    }

        .TopHeader .top-header-buttons .login-button {
            min-width: auto
        }

            .TopHeader .top-header-buttons .login-button .login-button-text {
                display: none
            }

            .TopHeader .top-header-buttons .login-button .login-button-text-xs {
                display: block
            }

            .TopHeader .top-header-buttons .login-button:before {
                margin-right: 15px;
                opacity: 1
            }

            .TopHeader .top-header-buttons .login-button img {
                margin-right: 0
            }

        .TopHeader .top-header-buttons a.search-button div.container .search-netcare-text {
            display: none
        }

            .TopHeader .top-header-buttons a.search-button div.container .search-netcare-text.searchbar {
                display: none
            }

    .SearchResults .suggestion-text-new {
        font-size: 14px
    }

    .TopHeader .top-header-buttons a.search-button div.container img.search-netcare {
        margin-right: 0
    }

    .TopHeader .top-header-buttons a.search-button div.container .search-netcare-small-text.searchbar {
        display: block
    }

    .TopHeader .top-header-buttons a.search-button img.search-netcare-icon-close {
        padding-right: 15px
    }

    .TopHeader .top-header-links a.emergency-services {
        min-width: auto;
        padding-left: 0
    }

        .TopHeader .top-header-links a.emergency-services .es-fullword {
            display: none
        }

        .TopHeader .top-header-links a.emergency-services .es-sos {
            display: block
        }

    .TopHeader .top-header-buttons .login-button .menu-vertical {
        padding-left: 5px
    }

    .search-progress {
        position: fixed;
        top: 48px
    }

    .autocomplete-box {
        position: fixed;
        top: 50px;
        left: 0;
        width: 100%
    }

    .search-input.active .autocomplete-box {
        border-radius: 5px;
        padding: 20px;
        background: #f5f5f5
    }
}

.subsiteHeader::before {
    content: "";
    height: 20px;
    width: 1px;
    background-color: #bec2c6;
    position: absolute;
    margin-left: -8px
}

.subsiteHeader h4 {
    font-weight: 300;
    margin-left: 5px;
    font-size: 25px;
    line-height: 20px;
    font-family: Montserrat;
    text-transform: lowercase;
    letter-spacing: -.07em;
    margin-bottom: 4px
}

.subsiteHeaderNetcare {
    margin-bottom: 4px
}

    .subsiteHeaderNetcare::before {
        content: "";
        height: 30px;
        width: 1px;
        background-color: #bec2c6;
        position: absolute;
        top: 25px
    }

    .subsiteHeaderNetcare img {
        margin-left: 0 !important
    }

#emergencyModal.modal {
    background-color: rgba(0,0,0,.4)
}

#emergencyModal .modal-dialog {
    max-width: 374px
}

    #emergencyModal .modal-dialog .modal-content {
        border-radius: 5px;
        background-color: #f7f7f7
    }

        #emergencyModal .modal-dialog .modal-content .modal-header {
            border: 0;
            padding: 0
        }

            #emergencyModal .modal-dialog .modal-content .modal-header .close {
                opacity: 1;
                padding: 5px 5px 1rem 1rem;
                min-width: auto
            }

                #emergencyModal .modal-dialog .modal-content .modal-header .close:focus {
                    outline: 0
                }

                #emergencyModal .modal-dialog .modal-content .modal-header .close img.exit-outline {
                    display: block
                }

                #emergencyModal .modal-dialog .modal-content .modal-header .close img.exit {
                    display: none
                }

        #emergencyModal .modal-dialog .modal-content .modal-body {
            padding: 0;
            padding-top: 2px;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

            #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-header {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 400;
                font-size: 20px;
                line-height: 133%;
                display: flex;
                align-items: center;
                text-align: center;
                letter-spacing: -.03em;
                color: #1d3443;
                margin: 0;
                justify-content: center;
                padding-bottom: 20px
            }

            #emergencyModal .modal-dialog .modal-content .modal-body img.emergency-modal-header {
                display: block;
                margin: auto
            }

            #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content {
                display: flex;
                flex-direction: column;
                justify-content: center;
                border-top-left-radius: 50% 10%;
                border-top-right-radius: 50% 10%;
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
                background-color: #fff
            }

                #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-links-container {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center
                }

                    #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-links-container a {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center
                    }

                    #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-links-container .es-desktop {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        margin-top: 30px;
                        padding-bottom: 30px;
                        border-bottom: 1px solid #e8e9ea;
                        width: 80%
                    }

                        #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-links-container .es-desktop:last-child {
                            border: 0
                        }

#loginMenuModal .modal-dialog {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 350px;
    border-radius: 5px
}

    #loginMenuModal .modal-dialog .modal-content {
        border-radius: 5px
    }

    #loginMenuModal .modal-dialog .modal-body {
        padding: 30px;
        border-radius: 5px
    }

        #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content {
            display: flex;
            flex-direction: column;
            align-items: stretch
        }

            #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .user-details {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-bottom: 30px
            }

                #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .user-details .login-modal-profile-pic {
                    border-radius: 50%;
                    overflow: hidden;
                    margin: 2px;
                    background-size: contain;
                    width: 74px;
                    height: 74px;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    border: 1.5px solid #3da9d1;
                    margin-bottom: 12px
                }

                    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .user-details .login-modal-profile-pic .loggedin-profilepic {
                        width: 64px;
                        height: auto;
                        border-radius: 50%
                    }

                #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .user-details span {
                    font-family: Open Sans;
                    font-style: normal;
                    font-weight: bold;
                    font-size: 13px;
                    line-height: 18px;
                    display: flex;
                    align-items: center;
                    letter-spacing: .15em;
                    text-transform: uppercase;
                    color: #80898f
                }

            #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile {
                display: none;
                flex-direction: column;
                align-items: stretch;
                border-top: 1px solid #e8e9ea;
                border-bottom: 1px solid #e8e9ea;
                padding: 30px 0
            }

                #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile .icon-link-item {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: flex-start;
                    margin-bottom: 10px
                }

                #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile .icon-container {
                    display: flex;
                    flex-direction: row;
                    align-content: center;
                    justify-content: center;
                    align-items: center;
                    height: 58px;
                    width: 58px;
                    background: #f7f7f7;
                    border-radius: 3px;
                    margin-right: 15px
                }

                    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile .icon-container img {
                        height: 28px;
                        width: 28px
                    }

                    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile .icon-container .icon-link-text {
                        font-family: Open Sans;
                        font-style: normal;
                        font-weight: 600;
                        font-size: 16px;
                        line-height: 125%;
                        display: flex;
                        align-items: center;
                        letter-spacing: -.03em;
                        color: #1d3443
                    }

            #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                padding: 10px 0;
                height: 60px;
                background: #f7f7f7;
                border-radius: 5px
            }

                #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links a {
                    border-right: 1px solid #bec2c6;
                    padding: 0 15px;
                    opacity: .5
                }

                    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links a:hover {
                        opacity: 1
                    }

                    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links a:last-child {
                        border-right: 0
                    }

                #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links img {
                    height: 24px;
                    width: 24px;
                    margin: 8px
                }

            #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-hovertext {
                font-family: Open Sans;
                font-style: normal;
                font-weight: normal;
                font-size: 14px;
                line-height: 130%;
                display: flex;
                align-items: center;
                text-align: center;
                justify-content: center;
                height: 40px;
                border-bottom: 1px solid #e8e9ea;
                color: #80898f
            }

            #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .text-links {
                padding-top: 30px;
                padding-bottom: 25px;
                border-bottom: 1px solid #e8e9ea
            }

                #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .text-links a {
                    font-family: Open Sans;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 143%;
                    display: flex;
                    align-items: center;
                    letter-spacing: -.03em;
                    color: #1d3443
                }

            #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .logout-links {
                font-family: Open Sans;
                font-style: normal;
                font-weight: 600;
                font-size: 14px;
                line-height: 143%;
                display: flex;
                align-items: center;
                letter-spacing: -.03em;
                padding-top: 25px;
                cursor: pointer;
                color: #1d3443
            }

#modal-placeholder .modal-backdrop, #modal-placeholder .modal-backdrop.show, #modal-placeholder .modal-backdrop.fade {
    opacity: 0
}

.TopHeader a > span.TM {
    font-size: 8px;
    vertical-align: top;
    line-height: 10px
}

.loginmenu-modal-content a > span.TM {
    font-size: 8px;
    vertical-align: top;
    margin-top: -4px;
    margin-left: 1px
}

#mega-menu-container .menu-sublink span.TM, #mega-menu-container .link-item span.TM {
    font-size: 8px;
    vertical-align: top;
    line-height: 10px;
    margin-top: -4px;
    margin-left: 1px
}

#mega-menu.mega-menu-desktop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 30px;
    position: fixed;
    width: 100%;
    height: 90px;
    background: #fff;
    box-shadow: 0 3px 20px rgba(30,53,68,.12);
    z-index: 2
}

    #mega-menu.mega-menu-desktop a.mega-menu-logo img {
        width: 65px
    }

    #mega-menu.mega-menu-desktop .top-level {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 12px 30px;
        width: auto;
        flex-grow: 1
    }

    #mega-menu.mega-menu-desktop .top-level-no-padding {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
        width: auto;
        flex-grow: 1
    }

        #mega-menu.mega-menu-desktop .top-level .link-item, #mega-menu.mega-menu-desktop .top-level-no-padding .link-item {
            cursor: pointer;
            border-bottom: 1.5px solid transparent;
            margin-right: 30px
        }

    #mega-menu.mega-menu-desktop .top-level .link-text {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 143%;
        display: flex;
        align-items: center;
        letter-spacing: -.03em;
        color: #1d3443;
        position: relative
    }

    #mega-menu.mega-menu-desktop .top-level .link-item:hover .link-text {
        color: #7f6f64
    }

    #mega-menu.mega-menu-desktop .top-level .link-item.has-items:hover {
        background: url("/Portals/_default/skins/netcare-core/images/icons/arrow-down-gold.svg") no-repeat right center
    }

    #mega-menu.mega-menu-desktop .top-level .link-item.has-items.menu-active {
        background: url("/Portals/_default/skins/netcare-core/images/icons/arrow-up-gold.svg") no-repeat right center
    }

        #mega-menu.mega-menu-desktop .top-level .link-item.has-items.menu-active .link-text {
            color: #7f6f64
        }

    #mega-menu.mega-menu-desktop .top-level .link-item.has-items {
        background: url("/Portals/_default/skins/netcare-core/images/icons/arrow-down-blue.svg") no-repeat right center;
        padding-right: 25px
    }

    #mega-menu.mega-menu-desktop .top-level .link-item.active-page .link-text:after, #mega-menu.mega-menu-desktop .top-level .link-item.item-underline .link-text:after {
        content: '';
        width: 100%;
        height: 1.8px;
        background: #7f6f64;
        display: block;
        position: absolute;
        bottom: -10px
    }

    #mega-menu.mega-menu-desktop a.btn {
        font-family: 'Open Sans Light';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 125%;
        display: flex;
        align-items: center;
        text-align: center;
        color: #fff;
        max-width: 254px;
        height: 56px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    #mega-menu.mega-menu-desktop .subSite .link-item.has-items {
        background: url("/Portals/_default/skins/netcare-core/images/icons/BlueArrowDown.svg") no-repeat right center;
        padding-right: 25px
    }

        #mega-menu.mega-menu-desktop .subSite .link-item.has-items.menu-active {
            background: url("/Portals/_default/skins/netcare-core/images/icons/BlueArrowUp.svg") no-repeat right center;
            padding-top: 10px
        }

#mega-menu .btn-primary {
    text-align: center;
    border-radius: 10px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.48px
}

    #mega-menu .btn-primary:hover {
        background: #3da9d1 !important;
        color: #1d3443 !important
    }

#mega-menu.mega-menu-mobile {
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    position: fixed;
    width: 100%;
    height: 60px;
    background: #fff;
    box-shadow: none;
    z-index: 2
}

    #mega-menu.mega-menu-mobile a.mega-menu-logo img {
        width: 47px
    }

    #mega-menu.mega-menu-mobile .mega-menu-mobile-button {
        background: url("/Portals/_default/skins/netcare-core/images/icons/menu.svg") center center;
        width: 24px;
        height: 24px;
        cursor: pointer
    }

    #mega-menu.mega-menu-mobile .mega-menu-mobile-button-close {
        background: url("/Portals/_default/skins/netcare-core/images/icons/modal-exit.svg") center center;
        width: 24px;
        height: 24px;
        cursor: pointer
    }

    #mega-menu.mega-menu-mobile .top-level {
        position: fixed;
        top: 110px;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: calc(100% - 110px);
        flex-grow: 1;
        padding: 20px;
        background: linear-gradient(360deg,rgba(247,247,247,0) 95.37%,rgba(29,52,67,.08) 101.3%),#f7f7f7;
        box-shadow: 0 5px 20px rgba(0,0,0,.06)
    }

        #mega-menu.mega-menu-mobile .top-level .mobile-text-links {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            flex-grow: 1
        }

            #mega-menu.mega-menu-mobile .top-level .mobile-text-links .top-header-links {
                width: 100%;
                border-bottom: 1px solid #e8e9ea;
                margin-top: 2px;
                padding-bottom: 17px
            }

                #mega-menu.mega-menu-mobile .top-level .mobile-text-links .top-header-links .top-header-link-item {
                    margin-top: 2px;
                    padding-bottom: 17px
                }

                    #mega-menu.mega-menu-mobile .top-level .mobile-text-links .top-header-links .top-header-link-item div {
                        font-family: Open Sans;
                        font-style: normal;
                        font-weight: 600;
                        font-size: 14px;
                        line-height: 143%;
                        display: flex;
                        align-items: center;
                        letter-spacing: -.03em;
                        color: #7f6f64;
                        background: url(../images/icons/right-full-sml.svg) no-repeat right center;
                        background-size: 34px
                    }

        #mega-menu.mega-menu-mobile .top-level a.btn {
            flex-grow: 0;
            width: 100%
        }

        #mega-menu.mega-menu-mobile .top-level .link-item {
            cursor: pointer;
            border-bottom: 1.5px solid transparent;
            width: 100%;
            margin-top: 15px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e8e9ea
        }

            #mega-menu.mega-menu-mobile .top-level .link-item.has-items .link-text {
                font-family: Open Sans;
                font-style: normal;
                font-weight: 600;
                font-size: 14px;
                line-height: 18px;
                display: flex;
                align-items: center;
                letter-spacing: -.03em;
                color: #1d3443;
                background: url(../images/icons/ThinRightArrowBlue.svg) no-repeat right center;
                margin-right: 12px
            }

            #mega-menu.mega-menu-mobile .top-level .link-item .link-text {
                font-family: Open Sans;
                font-style: normal;
                font-weight: 600;
                font-size: 14px;
                line-height: 18px;
                display: flex;
                align-items: center;
                letter-spacing: -.03em;
                color: #1d3443;
                background: url(../images/icons/ThinRightArrowBlue.svg) no-repeat right center;
                margin-right: 12px
            }

        #mega-menu.mega-menu-mobile .top-level .mobile-text-links .menu-back-link {
            width: 100%;
            border-bottom: 1px solid #e8e9ea
        }

            #mega-menu.mega-menu-mobile .top-level .mobile-text-links .menu-back-link .menu-back-link-item {
                display: flex;
                flex-direction: row;
                align-items: center;
                width: 100%;
                padding-bottom: 20px
            }

                #mega-menu.mega-menu-mobile .top-level .mobile-text-links .menu-back-link .menu-back-link-item div {
                    font-family: Open Sans;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 20px;
                    display: flex;
                    align-items: center;
                    letter-spacing: -.03em;
                    color: #1d3443;
                    cursor: pointer
                }

                    #mega-menu.mega-menu-mobile .top-level .mobile-text-links .menu-back-link .menu-back-link-item div:hover {
                        cursor: pointer
                    }

                #mega-menu.mega-menu-mobile .top-level .mobile-text-links .menu-back-link .menu-back-link-item img {
                    transform: rotate(180deg);
                    width: 24px;
                    height: 24px;
                    margin-right: 10px
                }

#mega-menu.mega-menu-desktop .top-level .link-item#NetcarePlusForBusiness {
    margin-left: 45px
}

    #mega-menu.mega-menu-desktop .top-level .link-item#NetcarePlusForBusiness .link-text {
        color: #388ea2
    }

    #mega-menu.mega-menu-desktop .top-level .link-item#NetcarePlusForBusiness:hover .link-text {
        color: #1d3443
    }

    #mega-menu.mega-menu-desktop .top-level .link-item#NetcarePlusForBusiness.active-page .link-text:after {
        background: #388ea2
    }

    #mega-menu.mega-menu-desktop .top-level .link-item#NetcarePlusForBusiness .link-text:before {
        content: '';
        width: 1px;
        height: 35px;
        background: #bec2c6;
        display: block;
        position: absolute;
        bottom: -7px;
        left: -35px;
        opacity: .4
    }

#mega-menu.mega-menu-mobile .top-level .link-item#NetcarePlusForBusiness {
    border-bottom-color: #388ea2
}

    #mega-menu.mega-menu-mobile .top-level .link-item#NetcarePlusForBusiness .link-text {
        background: none;
        color: #388ea2
    }

#mega-menu-container .mega-menu-flyout-desktop {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 539px;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 140px;
    z-index: 1;
    background: #f7f7f7;
    box-shadow: 0 5px 20px rgba(0,0,0,.06)
}

    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding: 60px 115px 0 126px;
        width: 80%;
        height: 100%;
        overflow-y: auto;
        scrollbar-width: thin;
        background: #fff
    }

        #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks.subsite-flyout {
            padding: 60px 115px 0 170px
        }

        #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks::-webkit-scrollbar {
            width: 8px
        }

        #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks::-webkit-scrollbar-thumb {
            background: #bec2c6;
            border: 2px solid #fff
        }

        #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink {
            border-bottom: 1px solid #e8e9ea;
            padding-bottom: 15px;
            padding-top: 15px
        }

        #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink {
            border-bottom: 1px solid #e8e9ea;
            padding-bottom: 15px;
            padding-top: 15px
        }

            #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6 {
                background: url(../images/icons/right-simple-mm-blue.svg) no-repeat right center;
                background-size: 15px
            }

                #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6:hover {
                    background: url(../images/icons/right-simple-mm-gold.svg) no-repeat right center;
                    background-size: 15px;
                    color: #7f6f64;
                    cursor: pointer
                }

                    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6 a:hover, #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6:hover a {
                        color: #7f6f64;
                        cursor: pointer
                    }

                #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6, #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6 a {
                    font-family: Open Sans;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 20px;
                    display: flex;
                    align-items: center;
                    letter-spacing: -.03em;
                    color: #1d3443;
                    margin-bottom: 1px
                }

                    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6:hover {
                        color: #7f6f64;
                        padding-right: 40px;
                        transition: none;
                        cursor: pointer
                    }

            #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink .sublink-description {
                font-family: Open Sans;
                font-style: normal;
                font-weight: normal;
                font-size: 14px;
                line-height: 130%;
                display: flex;
                align-items: center;
                color: #1d3443
            }

    #mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-header {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 30px;
        margin-left: 50px
    }

    #mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-back-arrow {
        background: url(../images/icons/ThinLeftArrowBlue.svg) no-repeat left;
        width: 20px;
        height: 20px;
        margin-top: -1px;
        margin-left: -50px
    }

        #mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-back-arrow:hover {
            background: url(../images/icons/ThinLeftArrowGold.svg) no-repeat left;
            cursor: pointer
        }

    #mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-title {
        font-family: 'Open Sans Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 18px;
        display: flex;
        align-items: center;
        letter-spacing: .15em;
        color: #1d3443;
        margin-left: 30px
    }

    #mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-view-all {
        background: url(../images/icons/right-full_gold.svg) no-repeat right;
        margin-left: auto;
        padding-right: 40px
    }

        #mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-view-all a {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 20px;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: -.03em;
            color: #7f6f64
        }

        #mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-view-all:hover {
            background: url(../images/icons/right-long-blue.svg) no-repeat right;
            color: #1d3443;
            cursor: pointer
        }

        #mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-view-all a:hover {
            color: #1d3443
        }

    #mega-menu-container .mega-menu-flyout-desktop.subflyout .menu-sublinks .menu-sublink {
        margin-left: 50px
    }

    #mega-menu-container .mega-menu-mobile .menu-banner, #mega-menu-container .mega-menu-flyout-desktop .menu-banner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0;
        width: 602px;
        position: relative;
        height: 100%;
        flex-shrink: 0
    }

        #mega-menu-container .mega-menu-mobile .menu-banner img, #mega-menu-container .mega-menu-flyout-desktop .menu-banner img {
            width: 100%;
            object-fit: cover;
            max-height: 600px;
            height: 100%
        }

        #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy, #mega-menu-container .mega-menu-flyout-desktop .menu-banner .menu-banner-copy {
            position: absolute;
            width: 55%;
            margin-left: 60px
        }

        #mega-menu-container .mega-menu-mobile .menu-banner h6, #mega-menu-container .mega-menu-flyout-desktop .menu-banner h6 {
            font-family: Open Sans;
            font-style: normal;
            font-weight: bold;
            font-size: 13px;
            line-height: 18px;
            letter-spacing: .15em;
            color: #1d3443
        }

        #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-bigheading, #mega-menu-container .mega-menu-flyout-desktop .menu-banner .menu-banner-bigheading {
            font-family: 'Open Sans Light';
            font-style: normal;
            font-weight: 300;
            font-size: 45px;
            line-height: 111%;
            letter-spacing: -.03em;
            color: #1d3443;
            margin-bottom: 20px
        }

        #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-descripton, #mega-menu-container .mega-menu-flyout-desktop .menu-banner .menu-banner-descripton {
            font-family: Open Sans;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 130%;
            display: flex;
            align-items: center;
            color: #1d3443;
            margin-bottom: 30px
        }

    #mega-menu-container .mega-menu-flyout-desktop .MenuOverlay {
        position: fixed;
        left: 0;
        right: 0;
        top: 50px;
        bottom: 0;
        background: #152734 url('../images/FrostedGlass.png') repeat left top !important;
        opacity: .4;
        z-index: -1
    }

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

#mega-menu-container .menu-back-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-items: center;
    align-items: center
}

    #mega-menu-container .menu-back-item:hover {
        cursor: pointer
    }

        #mega-menu-container .menu-back-item:hover .sub-flyout-title {
            color: #7f6f64
        }

        #mega-menu-container .menu-back-item:hover .sub-flyout-back-arrow {
            background: url('../images/icons/ThinLeftArrowGold.svg') no-repeat left
        }

@-moz-document url-prefix() {
    #mega-menu-container .mega-menu-flyout-desktop .MenuOverlay {
        background: #152734 url('../images/FrostedGlass.png') repeat left top !important;
    }
}

@media(max-width: 1440px) {
    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks {
        padding: 60px 115px 0 126px
    }
}

@media(max-width: 1300px) {
    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-bigheading, #mega-menu-container .mega-menu-flyout-desktop .menu-banner .menu-banner-bigheading {
        font-size: 35px;
        margin-bottom: 20px
    }
}

@media(max-width: 1200px) {
    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink .sublink-description {
        display: none
    }

    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks.subsite-flyout {
        padding: 60px 60px 0 60px
    }

    .subsiteHeaderNetcare img {
        display: none
    }
}

@media(max-width: 1160px) {
    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks {
        padding: 60px 60px 0 60px
    }

    #mega-menu-container .menubar-button {
        font-size: 14px;
        min-width: 150px
    }

    #mega-menu.mega-menu-desktop .top-level {
        padding-left: 20px;
        padding-right: 0
    }
}

@media(max-width: 1024px) {
    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks {
        padding: 60px 30px 0 30px
    }

    #mega-menu.mega-menu-desktop .top-level .link-item, #mega-menu.mega-menu-desktop .top-level-no-padding .link-item {
        margin-right: 20px
    }
}

@media(max-width: 61.95em),(max-width:991px) {
    .TopHeader .top-header-buttons a.emergency-services .es-fullword {
        display: none
    }

    .TopHeader .top-header-buttons a.emergency-services .es-sos {
        display: block
    }

    .subsiteHeader, .subsiteHeaderNetcare {
        margin-right: auto;
        margin-left: 25px
    }

        .subsiteHeader h4 {
            font-size: 16px;
            margin-bottom: 0
        }

        .subsiteHeaderNetcare img {
            margin-right: auto;
            margin-left: 0 !important;
            width: 130px !important
        }

        .subsiteHeaderNetcare::before {
            content: "";
            height: 30px;
            width: 1px;
            background-color: #bec2c6;
            position: absolute;
            margin-left: -8px;
            top: 15px
        }

    #mega-menu.mega-menu-mobile .subsiteHeaderNetcare.link-item.has-items {
        background: url(/Portals/_default/skins/netcare-core/images/icons/BlueArrowDown.svg) no-repeat right center;
        padding-right: 15px
    }

        #mega-menu.mega-menu-mobile .subsiteHeaderNetcare.link-item.has-items.menu-active {
            background: url(/Portals/_default/skins/netcare-core/images/icons/BlueArrowUp.svg) no-repeat right center
        }

    #mega-menu.mega-menu-desktop {
        display: none
    }

    #mega-menu.mega-menu-mobile {
        display: flex
    }

    .TopHeader.subSite .top-header-links a.reverseArrow {
        margin-right: -50px
    }

    #mega-menu-container .mega-menu-mobile .top-level {
        padding: 0;
        overflow-y: scroll
    }

        #mega-menu-container .mega-menu-mobile .top-level a.top-level-button {
            margin-bottom: 10px;
            width: 90%;
            display: flex;
            justify-content: center;
            border-color: transparent;
            align-items: center
        }

    #mega-menu-container .mega-menu-mobile .mobile-text-links {
        padding: 20px
    }

    #mega-menu-container .mega-menu-mobile .menu-banner {
        width: 100%;
        height: auto
    }

        #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy {
            margin-left: 40px;
            width: 68%
        }

            #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy h6 {
                font-family: Open Sans;
                font-style: normal;
                font-weight: bold;
                font-size: 13px;
                line-height: 18px;
                letter-spacing: .15em
            }

            #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy .menu-banner-bigheading {
                font-family: 'Open Sans Light';
                font-style: normal;
                font-weight: 300;
                font-size: 45px;
                line-height: 111%;
                letter-spacing: -.03em;
                margin-bottom: 20px
            }

            #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy a.mega-menu-banner-button {
                background: #1d3443;
                border-radius: 3px;
                padding: 18px 36px;
                height: 56px;
                width: max-content;
                white-space: nowrap
            }

    .subsiteHeaderNetcare img {
        display: block
    }

    #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-modal-header {
        margin-top: 40px;
        margin-bottom: 25px
    }

    #mega-menu-container .mega-menu-mobile .menu-banner img, #mega-menu-container .mega-menu-flyout-desktop .menu-banner img {
        height: auto
    }
}

@media(max-width: 767px) {
    .TopHeader .SACorononaLink {
        display: none
    }

    .TopHeader .Covid19Link {
        padding-left: 0 !important
    }

    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile {
        display: flex
    }

    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-hovertext {
        display: none
    }

    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links {
        display: none
    }
}

@media(max-width: 576px) {
    .modal-dialog {
        margin: 0 auto
    }
}

@media(max-width: 570px) {
    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy h6 {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: .15em
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy .menu-banner-bigheading {
        font-family: 'Open Sans Light';
        font-style: normal;
        font-weight: 300;
        font-size: 35px;
        line-height: 111%;
        letter-spacing: -.03em;
        margin-bottom: 20px
    }
}

@media(max-width: 460px) {
    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy .menu-banner-bigheading {
        font-size: 30px;
        margin-bottom: 20px
    }
}

@media(max-width: 430px) {
    .TopHeader .top-header-buttons {
        justify-content: space-between
    }

        .TopHeader .top-header-buttons a.emergency-services .es-sos {
            width: 34px;
            height: 34px
        }

            .TopHeader .top-header-buttons a.emergency-services .es-sos .es-sos-text {
                display: none
            }
}

@media(max-width: 415px) {
    #mega-menu-container .mega-menu-mobile .menu-banner {
        width: 100%;
        height: auto;
        max-height: 50%
    }

        #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy {
            margin-left: 20px;
            width: 251px
        }

            #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy h6 {
                font-family: Open Sans;
                font-style: normal;
                font-weight: bold;
                font-size: 11px;
                line-height: 15px;
                display: flex;
                align-items: center;
                letter-spacing: .15em;
                color: #1d3443
            }

            #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy .menu-banner-bigheading {
                font-family: 'Open Sans Light';
                font-style: normal;
                font-weight: 300;
                font-size: 24px;
                line-height: 125%;
                display: flex;
                align-items: center;
                letter-spacing: -.03em;
                color: #1d3443;
                margin-bottom: 20px
            }

            #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy .menu-banner-descripton {
                display: none
            }

            #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy a.mega-menu-banner-button {
                background: #1d3443;
                border-radius: 3px;
                padding: 18px 36px;
                height: 56px;
                width: fit-content;
                white-space: nowrap
            }

    #emergencyModal .modal-dialog {
        max-width: none;
        height: 100%;
        align-items: flex-start
    }

        #emergencyModal .modal-dialog .modal-content {
            height: calc(100% - 10px);
            margin-top: -20px
        }

            #emergencyModal .modal-dialog .modal-content .modal-header .close {
                margin: 1rem 0 -4rem auto;
                padding: 11.25px 11.25px 0 0;
                z-index: 999
            }

                #emergencyModal .modal-dialog .modal-content .modal-header .close img.exit-outline {
                    display: none
                }

                #emergencyModal .modal-dialog .modal-content .modal-header .close img.exit {
                    display: block
                }

            #emergencyModal .modal-dialog .modal-content .modal-body {
                height: 100%;
                padding-top: 40px
            }

                #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content {
                    height: 100%;
                    justify-content: flex-start;
                    border-top-left-radius: 50% 5%;
                    border-top-right-radius: 50% 5%
                }

                    #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-links-container {
                        margin-top: 10px
                    }

    #loginMenuModal .modal-dialog {
        width: 100%;
        right: 0;
        margin: 0;
        top: 50px
    }

        #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links {
            justify-content: space-evenly
        }

            #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links a {
                padding: 0;
                padding-right: 10px
            }

                #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links a:last-child {
                    padding: 0
                }

    #loginMenuModal .modal-dialog {
        position: absolute;
        right: 0;
        top: 50px;
        width: 100%;
        height: calc(100% - 50px);
        border-radius: 0
    }

        #loginMenuModal .modal-dialog .modal-content {
            height: 100%
        }
}

@media(max-width: 400px) {
    .TopHeader {
        padding: 0 20px
    }
}

.MobileAppBanner {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.MobileAppHomeBanner.MobileAppBanner {
    background: url(/portals/0/OneNetcare/ContentImages/NetcareAppHomeDesktop.jpg) bottom/contain no-repeat;
    margin-top: 85px;
    position: relative
}

.MobileAppBanner .content {
    padding-left: 81px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 60%;
    height: 100%;
    margin-top: 100px
}

    .MobileAppBanner .content h3 {
        color: #fff;
        font-family: 'Open Sans Light';
        font-size: 40px;
        line-height: 125%;
        width: 65%;
        margin-bottom: 40px;
        margin-top: 0
    }

    .MobileAppBanner .content .text > p {
        margin-bottom: 40px;
        color: #bec2c6
    }

    .MobileAppBanner .content .slogan {
        color: #3da9d1;
        font-size: 24px;
        line-height: 18px;
        margin-bottom: 40px
    }

.MobileAppBanner .linksWrapper {
    background: #fff;
    display: flex;
    width: 100%;
    height: 78px;
    align-items: center;
    justify-content: flex-start;
    padding: 0 40px;
    border-radius: 5px 0 0 5px
}

.MobileAppBanner .imageWrapper > img {
    max-width: 100%;
    width: 100%
}

.MobileAppBanner .linksWrapper p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 140%;
    color: #1d3443;
    font-family: 'Open Sans';
    font-weight: 700;
    margin-right: 20px
}

.MobileAppBanner .linksWrapper .mobileAppLinks {
    display: flex
}

    .MobileAppBanner .linksWrapper .mobileAppLinks img.appLogo {
        margin-right: 15px;
        height: 34px
    }

.MobileAppSPBanner.MobileAppBanner {
    background: url(/portals/0/OneNetcare/ContentImages/sp_NetcareAppDesktop.png) bottom/contain no-repeat;
    position: relative;
    background-size: cover
}

.MobileAppSPBanner .linksWrapper {
    border-radius: 5px;
    height: 132.22px;
    display: block;
    width: auto;
    padding: 0 15px
}

.MobileAppSPBanner .content {
    margin-top: 0;
    width: 50%
}

    .MobileAppSPBanner .content h3 {
        font-size: 60px;
        line-height: 120%
    }

    .MobileAppSPBanner .content p {
        font-size: 18px;
        line-height: 130%;
        margin-top: 20px
    }

    .MobileAppSPBanner .content .slogan {
        font-size: 30px
    }

.MobileAppSPBanner .linksWrapper p {
    font-size: 16px;
    line-height: 140%
}

.MobileAppSPBanner .linksWrapper .mobileAppLinks {
    margin-top: 20px
}

    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        height: auto
    }

.MobileAppSPBanner .imageWrapper {
    margin-left: 8%;
    padding-top: 80px
}

@media(max-width: 1480px) {
    .MobileAppSPBanner .MobileAppBanner {
        padding-right: 15%
    }

    .MobileAppSPBanner .content {
        padding-bottom: 20px;
        margin-right: 10px;
        padding-left: 0
    }

        .MobileAppSPBanner .content h3 {
            font-size: 44px
        }

        .MobileAppSPBanner .content .text > p {
            width: 90%
        }

        .MobileAppSPBanner .content .slogan {
            font-size: 26px
        }

    .MobileAppSPBanner .linksWrapper {
        border-radius: 5px;
        height: 122.22px;
        display: block;
        padding: 0 15px
    }

        .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
            margin-right: 10px;
            height: 40px
        }

    .MobileAppSPBanner .imageWrapper {
        margin-left: 4%
    }
}

@media(max-width: 1200px) {
    .MobileAppBanner .content {
        margin-top: 130px
    }

        .MobileAppBanner .content h3 {
            margin-bottom: 20px;
            width: 90%;
            font-size: 32px
        }

        .MobileAppBanner .content .text > p {
            margin-bottom: 20px;
            width: 90%
        }

        .MobileAppBanner .content .slogan {
            margin-bottom: 30px
        }

    .MobileAppBanner .linksWrapper {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0 20px
    }

        .MobileAppBanner .linksWrapper p {
            margin-bottom: 10px
        }

    .MobileAppBanner .content h3 {
        margin-bottom: 30px
    }

    .MobileAppSPBanner .content .text > p {
        margin-bottom: 30px
    }

    .MobileAppSPBanner .content .slogan {
        font-size: 24px
    }
}

@media(max-width: 61.95em),(max-width:991px) {
    .MobileAppHomeBanner.MobileAppBanner, .MobileAppSPBanner.MobileAppBanner {
        background: url(/portals/0/OneNetcare/ContentImages/NetcareAppHomeMobile.png) bottom/cover no-repeat;
        position: relative;
        margin-top: 0;
        flex-direction: column-reverse;
        justify-content: inherit;
        align-items: center
    }

    .MobileAppHomeBanner.MobileAppBanner {
        border-radius: 5px
    }

    .MobileAppBanner .content {
        margin: 40px 0 30px 0;
        text-align: center;
        width: 100%;
        align-items: center;
        position: relative;
        padding-left: 0
    }

        .MobileAppBanner .content .text {
            padding: 0 30px;
            width: 100%
        }

        .MobileAppBanner .content h3 {
            font-size: 30px;
            line-height: 140%;
            width: 100%
        }

        .MobileAppBanner .content .text > p {
            font-size: 14px;
            line-height: 130%;
            width: 100%
        }

        .MobileAppBanner .content .slogan {
            font-size: 20px
        }

    .MobileAppBanner .imageWrapper {
        display: flex;
        align-items: center;
        justify-content: center
    }

        .MobileAppBanner .imageWrapper > img {
            width: 76%;
            margin-left: -25px
        }

    .MobileAppBanner .linksWrapper {
        background: 0 0;
        padding: 0;
        align-items: center;
        height: auto;
        padding-left: 30px
    }

        .MobileAppBanner .linksWrapper p {
            display: flex;
            background: #fff;
            width: 100%;
            justify-content: center;
            height: 48px;
            border-radius: 5px 0 0 5px;
            align-items: center;
            margin-bottom: 30px;
            margin-right: 0;
            font-size: 14px
        }

        .MobileAppBanner .linksWrapper .mobileAppLinks {
            flex-wrap: wrap;
            justify-content: space-evenly;
            margin-left: -30px;
            width: 100%
        }

            .MobileAppBanner .linksWrapper .mobileAppLinks img.appLogo {
                margin-bottom: 15px;
                height: auto;
                margin-right: 0;
                width: 140px
            }

    .MobileAppBanner .content h3, .MobileAppBanner .content .text > p {
        margin-bottom: 25px
    }

    .MobileAppBanner .content .slogan {
        margin-bottom: 30px
    }

    .MobileAppSPBanner .linksWrapper {
        padding-right: 30px
    }

        .MobileAppSPBanner .linksWrapper p {
            border-radius: 5px
        }

        .MobileAppSPBanner .linksWrapper .mobileAppLinks {
            margin-left: -15px
        }

            .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
                width: 110%
            }

    .MobileAppSPBanner.MobileAppBanner {
        padding-top: 0
    }

    .MobileAppSPBanner .imageWrapper {
        justify-content: normal;
        padding-left: 9%;
        padding-top: 0;
        margin-top: -20px
    }

        .MobileAppSPBanner .imageWrapper > img {
            width: 90%;
            margin-left: -25px
        }
}

@media(max-width: 600px) {
    .MobileAppBanner .linksWrapper p {
        justify-content: left;
        padding-left: 20px
    }

    .MobileAppBanner .content {
        text-align: left
    }

    .MobileAppSPBanner .linksWrapper p {
        justify-content: center;
        padding-left: 0
    }

    .MobileAppSPBanner .content {
        text-align: center
    }

    .MobileAppSPBanner .imageWrapper > img {
        margin-left: -20px
    }

    .MobileAppBanner .linksWrapper .mobileAppLinks img.appLogo {
        margin-right: 15px
    }

    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        margin-right: auto
    }
}

@media(max-width: 530px) {
    .MobileAppSPBanner .linksWrapper {
        padding-right: 0
    }

        .MobileAppSPBanner .linksWrapper p {
            border-radius: 5px 0 0 5px;
            justify-content: left;
            padding-left: 20px
        }

    .MobileAppSPBanner .content {
        text-align: left
    }
}

@media(max-width: 500px) {
    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        width: 105%
    }
}

@media(max-width: 449px) {
    .MobileAppSPBanner .linksWrapper {
        padding-left: 20px
    }

        .MobileAppSPBanner .linksWrapper p {
            justify-content: left;
            padding-left: 20px
        }

    .MobileAppSPBanner .content {
        text-align: left
    }

        .MobileAppSPBanner .content .text {
            padding-left: 20px
        }

    .MobileAppSPBanner .linksWrapper .mobileAppLinks {
        margin-left: 0
    }

        .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
            width: 95%
        }

    .MobileAppSPBanner .imageWrapper > img {
        margin-left: -10px
    }
}

@media(max-width: 400px) {
    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        width: 90%
    }
}

@media(max-width: 360px) {
    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        margin-right: -5px
    }
}