.container {margin:0 auto}

.main-nav {height: 80px;background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);transition: all 300ms ease-in-out 0s;margin: 0;padding-top: 10px;border: none;box-shadow: #00000087 -1px 0px 7px 3px;}
.main-nav .container {display:flex;justify-content: space-between;width: 100%;align-items: flex-end;}
.main-nav img.logo-img {width:300px}
.main-nav .main-nav-bar {position:relative;top: 0px;}

.hero {top:200px;box-shadow: #00000087 0px 8px 9px 0px;}

.background_slider_row.row {position:relative;top: -200px;}

.subheader {position: absolute !important;top: 15%;z-index:1;width: 100%;margin: 0 auto;}
.callappt {width: 150px;}

/* Appointment Form */
.appointment-form .container {display:flex;flex-wrap: wrap;}
.appointment-form input {border: 1px solid transparent; border-bottom-color: #0f405b;height: 40px;line-height: 40px;padding: 0 17px; border-radius: 0; position: relative; -webkit-box-shadow: none; box-shadow: none; margin: 10px 0;color: #000 !important; background: none; z-index: 2; display: block; width: 100%;font-size: 14px;}
.appointment-form .placeholder {position: absolute;top: 0;line-height: 40px;text-transform: capitalize; padding: 0 17px; margin-top: 10px;font-family: 'Karla', sans-serif; color: #0f405b;font-size: 16px; z-index: 0; -webkit-transition: all 300ms ease-in-out 0s;  transition: all 300ms ease-in-out 0s;}
.appointment-form .form-item:before{content: ''; height: 11px; width: 1px;background: #000;display: block; position: absolute;left: 8px;bottom: 10px; z-index: 1;}


main {position: relative;padding-top: 0px;margin-top: 100px !important;}
.locations-section p{margin:10px 0}

.locations-section {background: linear-gradient(180deg, rgb(255 255 255 / 76%) 0%, rgb(209 235 255 / 74%) 100%);}


.doc-list {margin-right:15px}
.doc-list img{width: 72px;height:72px;object-fit: cover;border-radius: 50%;height: 72px;}


.location-popup {position: absolute;background-color: #fff;z-index: 9990;font-size: 15px;list-style: none;margin: 0;padding: 0;text-align: center;border: 1px solid;display: block;top: 52px;left: -9999px;}
.location-popup.active {left:0}
.location-popup li {border-bottom:1px solid;padding:10px;cursor:pointer}
.location-popup li:hover {background-color:#0186d5;color:white}
 
.btn-loc {background-color:#ff5723;color:white;padding:5px 4px;display:block;margin-top:10px;}


.bec-doctors-inner > div.row {display:flex;padding: 0 50px;}
.bec-doctors-inner .team_menu {flex:1}
.bec-doctors-inner .team_descs {flex:3;margin-top: 132px;}
.bec-doctors-inner .tab-content>.active {display:flex;align-items: flex-start;}
.bec-doctors-inner .tab-content>.active .media-body {width:auto}

.bec-modal {position:absolute;top:0;left:0;background-color: #001b36f0;width:100%;height:100vh;z-index:9999;display:none;justify-content:center;align-items:center;position: fixed;}
.bec-modal.active {display:flex}
.bec-modal-message {color:#fff;font-size:28px;padding:20px}
.bec-modal-ok {background-color:#ff5723;color:#fff;font-size:26px}


/* Temporary */
footer {display:none}
.service-section {display:none}


/* Media Queries */
@media (min-width: 1500px){
    .container {width:1400px;}
    .subheader {top: 32vw;}
}


@media (max-width: 1280px){
    .subheader  {top:25vw}
    .subheader .placeholder {font-size: 13px !important;padding-left: 10px !important;}
    main {margin-top: 200px !important;}
    .bec-doctors-inner .media-body {}
    .team_section .tab-content .media-left a {width:300px}

}


@media (max-width: 1099px){
    .subheader  {top:35vw}
    .form_top_part {padding-top:15px;padding-left:15px;padding-right:10px}
    .form_top_part h2 {font-size:24px;line-height:33px;margin-bottom: 15px;}
    .form_top_part p {margin-bottom:15px}

}

@media (max-width: 999px){
    .subheader  {top:50vw;background-color:transparent}
    .form_top_part {width:100%;padding: 20px 20px 0 20px;margin:0 auto}
    main {margin-top: 350px !important;}
    .hero {box-shadow:none}
    .main-nav .container {justify-content:space-between}
    .main-nav img.logo-img {width:240px}
    .main-nav .main-nav-bar {top:8px}
    .main-nav {height:60px;padding-top:2px}
    .bec-doctors-inner > div.row {padding:20px;flex-direction: column;}
    .team_section .tab-content .media-left a {width:300px}
    .btn-loc {display:inline-block;padding:8px}
}


@media (max-width: 767px){
    .subheader {position:relative !important;top:0;padding:20px;}
    .appointment_home_form {display:none}
    .background_slider_row.row {}
    .hero {}
    main {margin-top:0 !important}
    .form_top_part {background-color:#fff;color}
    .form_top_part h2 {color:#000;text-align:center}
    .form_top_part p {text-align:center;color:#000}
    .form_bottom_part_row {display:none}
    .service_block_row {padding:20px 0 0 0 }
    .bec-doctors-inner .tab-content>.active {flex-direction:column}
    
}

/*
@media (min-width: 992px) and (max-width: 1588px){
    .subheader {top: 15%;}
    main {margin-top: 180px !important;}

}

@media (max-width: 991px){
    .main-nav {height:80px;background:white}
    .main-nav .main-nav-bar {top:4px}
    .background_slider_row.row {top:-40px}
    .subheader {top: -114px;background:linear-gradient(180deg, rgb(235 243 248 / 0%) 0%, rgb(9 63 91 / 0%) 50%, rgba(255,255,255,0) 100%);}
    .form_top_part {width:100%}
    main{top:-100px}
}

@media (max-width: 856px){
    .main-nav {height:70px}
    .main-nav img.logo-img {width:200px}
    .main-nav .main-nav-bar {top:7px}
    .subheader {top:-100px}
    main {top:-100px}
}


@media (max-width: 767px){
    .main-nav img.logo-img {width:200px;}
    .default .navbar .container {padding:0;display:block}
    .background_slider_row.row .background_slider {top:80px}
    .subheader {top:40px;text-align:center;}
    .form_top_part {background:#fff;color:#000}
    .form_top_part h2 {color:#000;font-size:20px;line-height:25px;margin-bottom:10px}
    .form_top_part h4, .appointment_home_form {display:none}
    .form_top_part p {color:#0000009e}
}
*/