/*============================================================
	For Extra Large Desktop
==============================================================*/

@media (max-width: 1920px) {
    .carousel-caption-sub-adjust {
        padding-top: 3.1em;
    }
}


/*============================================================
	For Large Desktop
==============================================================*/

@media (max-width: 1200px) {
    .logo-mobile {
        display: block;
        margin-left: 0.5em;
    }
    .logo-desktop {
        display: none;
    }
    .dpc-carousel-banner {
        background-image: url(../img/services/primary-care/banner-1200.jpg);
    }
    .carousel-caption-sub-adjust {
        padding-top: 0.75em;
    }
}


/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1200px) {
    .services-primary-care {
        padding: 3rem;
    }
    .sp-fourth-tri-access-schedule {
        margin-bottom: 1em;
    }
}


/*====
    Collapse for Mobile Toggle
    ====*/

@media (max-width: 991px) {    
    #navigation {
        background-color: var(--clr-green);
        
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-nav li a.current,
    .navbar-nav li a:focus,
    .navbar-nav li a:hover {
        font-weight:800;
    }

    .collapse.in {
        display: block !important;
    }
    .dropdown-menu>li>a {
        background-color: var(--clr-green);
        color: #fff;
    }
    .dropdown-menu>li>a:hover {
        background-color: var(--clr-green);
        color: #fff;
        border-color: #fff;
    }
    .open {
        background-color: var(--clr-green);
    }
    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        background-color: var(--clr-green);
        border-color: #fff;
    }
    
    .navbar-nav-separator {
        border-bottom: 1px solid #fff;
        height: 0px;
        width: 50px;
        display:inline-block;
        margin-left: 15px;
        margin-right: 15px;
    }
}


/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {
    .dropdown-toggle {
        /* background-color: var(--clr-green); */
    }
    .dpc-carousel-banner {
        background-image: url(../img/services/primary-care/banner-979.jpg);
    }
    .carousel-caption-sub-adjust {
        padding-top: 0.25em;
    }
    .services-primary-care {
        padding: 3rem;
    }
    .sp-care-adjust {
        margin-top: 3em;
    }
    .counters-item {
        margin-bottom: 30px;
    }
    .counters-item i {
        margin: 0 0 15px;
    }
    .counters-item strong {
        font-size: 45px;
    }
    /* contact */
    .contact-form .name-email input {
        margin-right: 0;
        width: 100%;
    }
    .footer-social {
        margin-top: 45px;
    }
    /* footer */
    .footer-single {
        margin-bottom: 30px;
    }
}


/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {
    #slider .carousel-inner .item {
        background-position: center;
    }

    .dpc-carousel-banner {
        background-image: url(../img/services/primary-care/banner-767.jpg);
    }
    .carousel-caption-sub-adjust {
        padding-top: 0.3em;
    }

    .carousel-caption-sub {
        /* padding-left: 0.5em;
        padding-right: 0.5em; */
    }

    .carousel-caption-sub-adjust-bfm {
        margin: 60px 0 0px;
        font-family: var(--ff-brandon-light);
        font-size: clamp(2.4em, 3.6vw, 3.6vw);
        line-height: 1em;
    }

    #carousel-caption-sub-text {
        font-size: clamp(1.8em, 2.4vw, 2.4vw);
    }
    
    .navbar-nav {
        margin-left: 0.5%;
    }

    .carousel-caption {
        left: 1em;
        right: 1em;
    }

    .carousel-caption h2 {
        font-family: var(--ff-befront);
        font-weight:900;
        font-size: clamp(2.35em, 6.2vw, 6.2vw);
    }
    
    .carousel-caption h3 {
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin: 30px 0 0px;
        font-family: var(--ff-brandon-light);
        font-weight:900;
        font-size: clamp(2.4em, 4.0vw, 4.0vw);
    }

    .carousel-caption h4 {
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin: 30px 0 0px;
        font-weight:900;
        font-family: var(--ff-brandon-light);
        font-size: clamp(1.9em, 2.4vw, 2.4vw);
    }

    .still-have-question-adjust {
        padding-bottom: 3em;
    }

    .drwofford,
    .works,
    .services,
    .services-sub-container,
    .services-fourth-tri,
    .services-primary-care,
    .testimonials,
    .contact {
        padding-left: 2em;
        padding-right: 2em;
    }

    .works,
    .contact {
        padding-top: 0;
    }

    .drw-sec-title h2 {
        font-family: var(--ff-brandon-light);
        font-size: 3.05rem;
        color: var(--clr-green);
    }
    
    .drwofford-picture {
        padding-bottom: 2em;
    }
    .how-it-works-tile {
        margin-top: 4em;
    }
    .how-it-works-description {
        margin-top: 1.5em;
    }
    .how-it-works-row-gap {
        margin-bottom: 0em;
    }

    .sp-care-adjust {
        margin-top: 3em;
    }

    .services-fourth-tri-title {
        text-align: center;
    }
    .services-row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .services-row>* {
        flex-basis: 100%;
    }
    .service-tile-sub-tiles {
        margin-top: 1.25em;
        font-size: 1.25em;
    }
    .services-primary-care {
        padding: 3rem 1em;
    }
    .services-primary-care-title-title {
        margin-top: 3rem;
    }
    .services-primary-care-title-description {
        margin-top: 3rem;
    }
    .services-location {
        font-size: 1.625em;
    }
    .services-out-of-state {
        font-size: 1.625em;
    }
    .sec-sub-title p {
        font-size: 14px;
    }
    .carousel-caption p {
        font-size: 14px;
    }
    .social-links {
        margin-top: 5em;
    }
    /* services */
    /* testimonials */
    .testimonials-col {
        margin-bottom: 2.0em;
    }

    .bfm-testimonial-tile-adjust {
        font-size: large;
    }
   
    /* join the family */
    .join-outter-description {
        line-height: 1.25em;
    }

    /* contact */
    .contact-tile {
        margin-top: 4em;
    }
    .contact-btn {
        margin-left: 3em;
        margin-right: 3em;
    }
    .contact-address {
        margin-bottom: 30px;
    }
    .footer-social {
        margin-top: 20px;
        text-align: center;
    }
    .footer-social li {
        display: inline-block;
    }
    .footer-social li a {
        margin: 0 10px;
    }
    /* footer */
    .footer-single {
        margin-bottom: 30px;
    }
    /* services page */
    .sp-fourth-tri-container {
        margin-top: 0em;
    }
    .sp-fourth-tri-section {
        padding-bottom: 0em;
    }
    .sp-fourth-tri-section-adjust {
        /* padding-top: 80px; */
    }
    .sp-fourth-tri-title-description {
        margin-left: 0.5em;
        margin-right: 0.5em;
        font-size: medium;
    }
    .sp-fourth-tri-prenatal-title {
        margin-left: auto;
        margin-right: auto;
    }
    #what-is-expand {
        font-size: 2rem;
    }
    #what-is-expanded {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
    .why-support-bullets {
        padding-left: 0em
    }

    .sp-four-tri-top-tab-adjust {
        padding-bottom: 4em;
        padding-right: 0.5em;
        padding-left: 0.5em;
    }
    
    .sp-fourth-tri-prenatal-container {
        flex-direction: column;
    }
    .sp-fourth-tri-prenatal-col-pic {
        flex-basis: 100%;
    }
    .sp-fourth-tri-prenatal-bullets {
        margin-left: 2em;
        margin-right: 2em;
        padding-bottom: 1em;
    }
    .sp-fourth-tri-postpartum-col-description {
        margin-left: 0em;
        margin-right: 0em;
    }
    .sp-fourth-tri-postpartum-details-container {
        flex-direction: column;
    }
    .sp-fourth-tri-postpartum-details-col-maternal {
        margin-top: 5em;
    }
    .sp-fourth-tri-postpartum-details-container {
        padding-left: 2em;
        padding-right: 2em;
    }
    .sp-fourth-tri-postpartum-details-col-titles {
        text-align: center;
    }
    .sp-fourth-tri-postpartum-details-col-main-bullets {
        margin-left: 1em;
        margin-right: 1em;
    }
    .sp-fourth-tri-access-container {
        flex-direction: column;
    }
    .sp-fourth-tri-access-title {
        margin-left: 1em;
        margin-right: 1em;
        text-align: center;
    }
    .sp-fourth-tri-access-bullets {
        margin-left: 3em;
        margin-right: 3em;
        /* list-style-position: inside; */
    }
    .sp-fourth-tri-access-title>span {
        display: block;
    }
    .sp-fourth-tri-access-bullets {
        margin-left: 2em;
        margin-right: 2em;
    }
    /* .sp-fourth-tri-access-schedule {
        margin-left: 2em;
        margin-right: 2em;
    } */
    .sp-fourth-tri-access-col-pic {
        padding-left: 0em;
        padding-right: 0em;
        padding-bottom: 0em;
    }
    .sp-fourth-tri-access-schedule-container {
        padding-left: 0em;
        padding-right: 0em;
    }
    .sp-individ-consult-title {
        font-size: 4rem;
    }
    .sp-fourth-tri-just-for-mom-container {
        padding-left: 0em;
        padding-right: 0em;
    }
    .sp-fourth-tri-just-for-mom-description {
        padding-left: 2em;
        padding-right: 2em;
    }
    .sp-fourth-tri-individ-consults-price>div p {
        font-size: 0.90em;
    }
    .sp-fourth-tri-individ-consults-price-details-titles {
        text-align: center;
    }
    .sp-fourth-tri-addl-container {
        flex-direction: column;
    }
    .custom-devider-dpc {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .dpc-plan-tile-price-adjust {
        margin-top: 0.5em;
    }

    .dpc-grey-button-membership {
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 0em;
        padding-bottom: 0em;
        border-style: solid;
        background-color: var(--clr-grey);
        border-color: var(--clr-grey);
        border-width: medium;
        font-family: var(--ff-brandon-light);
        text-align: center;
        color: #fff;
        cursor: pointer;
        font-size: large;
    }
    
    .dpc-grey-button-membership:hover {
        background-color: #fff;
        color: var(--clr-grey);
        border-width: medium;
    }

    .dpc-banner-text {
        font-size: 1.5em;
    }
    .dpc-container {
        padding-left: 2em;
        padding-right: 2em;
    }
    .dpc-overview-content > p {
        font-size: large;
    }
    .dpc-membership-benefit-content-details-row {
        flex-direction: column;
        padding-left: 1em;
        padding-right: 1em;
        line-height: 1.75em;
        font-size: x-large;
    }
    .dpc-membership-benefit-content-details-category {
        margin-bottom: 1em;
    }
    .dpc-pricing-content-summary {
        flex-direction: column;
    }
    .dpc-pricing-content {
        margin-left: -1.5em;
        margin-right: -1.5em;
    }
    .dpc-plan-tile-container {
        margin-left: -2.75em;
        margin-right: -2.75em;
        line-height: 4em;
        padding-left: 2em;
        padding-right: 2em;
    }
    .dpc-plan-tile-description {
        font-size: 1.60em;
    }
    .dpc-pricing-content-summary-details-sub-adjust {
        text-align: center;
        margin-right:0em;
    }
    .lu-br {
        display: block;
    }
    .lu-hide {
        display: none;
    }
    .drwb-tidbits-container {
        flex-direction: column;
    }
    #drwofford-bio {
        padding-left: 2em;
        padding-right: 2em;
    }
    .drwb-access-schedule {
        font-size: x-large;
    }

    .membership-overview-content {
        font-size: large;
    }
    #faq {
        padding-left: 2em;
        padding-right: 2em;
    }
}


/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* services */
}