/*//////////////////////////////////////////////////////*/
/*//====================----------====================//*/
/*//                 RESPONSIVE STYLE                 //*/
/*//====================----------====================//*/
/*//////////////////////////////////////////////////////*/

/*========================================
    1450
========================================*/
@media only screen and (max-width: 1450px) {
    section {
        padding: 3em 1em;
    }
    .hero-content {
        max-width: 700px;
    }
}


/*========================================
    1250
========================================*/
    @media only screen and (max-width: 1250px) {

        section {
            padding: 3em 2em;
        }

        .header .navWrp {
            opacity: 0;
            visibility: hidden;
            background: #e2e2e2;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-transition: all 0.8s ease;
            transition: all 0.8s ease;
        }

            .header .navWrp.open {
                opacity: 1;
                visibility: visible;
            }

        .navBlock {
            display: block !important;
            padding: 6em 0 40vh 0;
            position: relative;
            z-index: 1;
            width: 100%;
        }

        .navTop {
            padding: 0;
        }

            .navTop .ul,
            .topBar .ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -ms-flex-line-pack: normal;
                align-content: normal;
            }

        nav ul li {
            padding: 2em 1em;
        }

        .header .topBar {
            margin: 0;
            position: static;
        }

        .nav .topBar::before {
            display: block;
            content: '';
            width: 38.2%;
            height: 5px;
            margin: 2rem;
            background: #842C94;
            border-radius: 2.5px;
        }

        .navButton {
            display: block;
        }

        .headerLogo {
            padding: 0;
            position: relative;
            max-width: 80%;
        }

        iframe {
            height: 200px;
        }

        .hero-image {
            align-items: center;
            justify-content: center;
        }

        .mobile-hero {
            display: block;
        }

        .hero-content {
            display: block;
            text-align: center;
            padding: 1em;
            margin-left: 0;
            margin: 1em;
            background: #ffffffba;
            transform: unset;
            top: unset;
            bottom: 0;
            right: 0;
            width: -webkit-fill-available;
	    max-width: unset;
        }

        .btn-wrap {
            display: block;
            padding: 2em 0 0 0;
        }

        h2 {
            font-size: 2em;
        }

        .private-practice .box {
            max-width: none;
        }
    }
/*========================================
    1000
========================================*/
@media only screen and (max-width: 1000px) {
    .private-practice .colRowFlex {
        display: block;
    }
}

    /*========================================
    800
========================================*/
    @media only screen and (max-width: 800px) {
        .about-section .colRow.noRespond {
            padding: 0;
        }

            .about-section .colRow.noRespond .col {
                width: 100% !important;
                float: none;
                padding: 1em 0 !important;
            }

        .footer-nav {
            display: block;
        }

            .footer-nav li {
                padding-bottom: 1em;
                display: block;
            }
    }

    /*========================================
    700
========================================*/
    @media only screen and (max-width:700px) {
        section {
            padding: 2em !important;
        }

        h1 {
            font-size: 1em;
        }

        h2, h3 {
            font-size: 1.75em;
        }

        .quote-text {
            text-align: center;
            font-size: 1.5em;
        }

        .private-practice .col-flex {
            margin: 0;
            padding: 0;
        }

        .private-practice img, .private-practice .box {
            margin: .5em;
        }
    }

    /*========================================
    500
========================================*/
    @media only screen and (max-width: 500px) {

        .footer-nav li,
        .social-links li {
            margin-right: 20px;
            margin-right: 5px;
            border-right: none;
            font-size: 1.2em;
            padding-bottom: 1em;
        }

        .copyright-info p {
            font-size: 1em;
        }

        .private-practice img, .private-practice .box {
            margin: .5em 0;
        }
    }


    /*========================================
    376
========================================*/
    @media only screen and (max-width: 376px) {

        .mobile-btn-wrap {
            display: block;
            text-align: center;
            padding: 2em 0;
        }

        .icon-big {
            font-size: 2.5em;
        }

        .quote-text {
            text-align: center;
            font-size: 1.1em;
        }

        .footer-nav li {
            padding-bottom: 1em;
        }
    }

    /*========================================
    320
========================================*/
    @media only screen and (max-width: 320px) {
        .primeBtn, .secondaryBtn {
            font-size: 1.3em;
        }

        .copyright-info p {
            font-size: 1.1em;
        }
    }