/* CUSTOM RESPONSIVE CSS */

/*--------------------------------------------
CUSTOM HEADER - MOBILE / RESPONSIVE MENU
----------------------------------------------*/
#page.hfeed.site {
overflow-x: hidden;
}

/* original css fixes */
.main-nav-bar .container {
padding-left: 5%;
padding-right: 5%;
background: #fff;
width: 100%;
}

#masthead.site-header .inner-area .main-navigation ul.menu {
padding-left: 0;
}

#masthead.site-header .inner-area .main-nav-bar .main-nav-wrapper {
float: right;
}

  
@media only screen and (min-width: 769px) {
    .main-nav-bar .container {
    width: auto;
    }

    nav#site-navigation {
        margin-top: 18px;
    }

    #masthead.site-header .inner-area .main-nav-bar .site-branding {
        width: 180px;
    }
}
  


@media only screen and (max-width: 768px) {
.main-nav-bar .container {
    background: none;
}

.site-header .inner-area .main-navigation {
	border-bottom: none !important;
}

.site-header .inner-area .menu-toggle {
	margin-right: 10px !important;
}

ul#menu-main-navigator {
    padding-bottom: 20px;
    height: auto;
    float: left;
    padding-left: 7% !important;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.site-header .inner-area .site-branding .site-title a, .site-header.init-transparent .inner-area .main-nav-bar-wrapper:not(.is-sticky) .site-branding .site-title a {
    max-width: 165px;
    margin-left: -16px !important;
}


.site-branding {
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
}

.is-open .site-branding {
    background: #1A303A;
}

#content {
    border-top: none;
    margin-top: 80px;
}

nav#site-navigation {
    margin-top: -2px !important;
}

.site-header .inner-area .menu-toggle {
	z-index: 1000;
}

nav#site-navigation {
    display: inline-block;
    width: 100%;
}

.site-header .inner-area .main-navigation ul.menu li:first-child {
	padding-top: 20px !important;
}

.site-header .inner-area .main-navigation ul.menu li {
	display: inline-block !important;
	float: left;
	clear: both;
	padding-bottom: 5px !important;
}

.main-nav-bar.is-open {
background-color: #1A303A !important;
}

.site-header.init-transparent .inner-area .main-nav-bar-wrapper:not(.is-sticky) .is-open .container .site-branding .site-title a.default,
.site-header .inner-area .is-open .site-branding .site-title a.default {
display: none;
}

.site-header.init-transparent .inner-area .main-nav-bar-wrapper:not(.is-sticky) .is-open .container .site-branding .site-title a.mobile-menu,
.site-header .inner-area .is-open .site-branding .site-title a.mobile-menu {
display: block;
}

.site-header .inner-area .menu-toggle.is-open .icon-bar-1, .site-header .inner-area .menu-toggle.is-open .icon-bar-3 {
background-color: rgb(65, 192, 193) !important;
}

.site-header .inner-area .main-nav-bar .site-branding {
padding-right: 7%;
}

.container {
padding-left: inherit !important;
padding-right: inherit !important;
}

.main-nav-bar .container {
margin: inherit !important;
}

#site-navigation.main-navigation {
background: #fff !important;
}

ul.sub-menu {
    display: block !important;
    opacity: 1 !important;
}

html .site-header .inner-area .main-navigation ul.menu ul.sub-menu li:hover > a {
    color: #175875 !important;
}

.site-header .inner-area .main-navigation ul.sub-menu li:first-child {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

body.page-template-default .primary-wrapper {
    width: 85%;
    padding-top: 40px;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

li.current-menu-item a {
  border-bottom: none;
}

.site-header .inner-area .main-navigation ul.menu li:nth-of-type(2) {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.site-header .inner-area .main-navigation ul.menu li:nth-of-type(4) {
    margin-right: 0px !important;
}

}
/* --end fixes-- */

/* --menu spacing fix-- */
@media only screen and (min-width: 769px) and (max-width: 1024px) {

.site-header .inner-area .main-navigation ul.menu li:nth-of-type(2) {
    margin-right: 10px !important;
    margin-left: 14px !important;
}

.site-header .inner-area .main-navigation ul.menu li:nth-of-type(4) {
    margin-right: 0px !important;
}

}

@media only screen and (max-width: 1024px) {
#masthead.site-header .inner-area .main-navigation ul.menu > li {
margin: 0 1.5%;
}

#masthead.site-header .inner-area .main-navigation ul.menu {
font-size: 14px;
}

.site-header .inner-area .main-navigation ul.menu > li > a:after {
content: "" !important;
}

}
/* --end -- desktop header-- */


/*--------------------------------------------
CUSTOM SPLASH IMAGE - RESPONSIVE / MOBILE 
----------------------------------------------*/
@media only screen and (min-width: 760px) and (max-width: 1084px) {
	.homepageHeader h1 {
		font-size: 4vw !important;
		line-height: 4.5vw !important;
	}

	.homepageSubtitle {
		font-size: 2vw !important;
		line-height: 2.5vw !important;
		width: 90%;
	}

	.homepageHeaderSubtitleBox {
    	width: 90%;
	}

	.homepagePlayBox {
    	padding: 1.2vw 5vw;
    	border: 2px solid #fff;
    	padding-right: 5.75vw;
	}

	h3.fontsz14.textLeft.bottom30 {
    	font-size: 12px !important;
	}
}

@media only screen and (min-width: 370px) and (max-width: 759px) {
	.homepageSplashMidCover {
		background: rgba(0,0,0,.3);
	}

	.homepageSplashContain {
    	background-position: 70%;
	}

	.homepageHeader h1 {
		font-size: 30px !important;
    	line-height: 32px !important;
    	width: 100%;
	}

	.homepageSubtitle {
		font-size: 18px !important;
    	line-height: 22px !important;
    	width: 100%;
	}

	.homepageHeaderSubtitleBox {
    	width: 85%;
	}

	.homepagePlayBox {
	   	padding: 10px 50px;
    	padding-right: 56px;
	}
}

@media only screen and (max-width: 369px) {
	.site-header .inner-area .site-branding .site-title a {
		width: 120px !important;
	}

	.homepageSplashContain {
    	background-position: 65%;
    	width: auto;
	}

	.homepageSplashMidCover {
		background: rgba(0,0,0,.3);
	}

	.homepageHeader h1 {
    font-size: 28px !important;
    line-height: 29px !important;
    padding-bottom: 20px !important;
	}

	.homepageSubtitle {
		font-size: 13px !important;
    	line-height: 18px !important;
    	padding-bottom: 20px !important
	}

	.homepageVidClose {
    top: 9%;
	}

	.page-id-4 iframe {
    width: 90% !important;
    left: 5% !important;
    }

}

/*--------------------------------------------
HOMEPAGE BELOW THE FOLD RESPONSIVE
----------------------------------------------*/
/* Homepage Belt */
@media only screen and (min-width: 580px) and (max-width: 1084px) {
.NormalBeltCover span {
    	font-size: 4vw;
	}
}

/* Homepage Belt & First Component Messaging */
@media only screen and (max-width: 579px) {
.homepage-first-component {
	padding-top: 70px !important;
	padding-bottom: 60px !important;
}

.NormalComponentCopyBox {
    width: 78% !important;
}

.homepage-second-component.NormalBelt {
    max-height: 300px;
}

.NormalBeltCover span {
    	font-size: 32px;
    	padding-left: 10px;
    	padding-right: 10px;
	}
}

/* Homepage Stories */
@media only screen and (min-width: 450px) and (max-width: 740px) {
.homepage-third-component {
	padding-top: 60px !important;
}

.StandardLeftComponent {
    width: 100%;
}

.StandardRightComponent {
    width: 80%;
    margin-top: 20px;
    margin-left: inherit;
}

.homepage-fourth-component {
	display: flex;
    flex-flow: row wrap;
    padding-top: 60px;
}

.SpecialLeftComponent {
    width: 80%;
    order: 2;
    float: right !important;
    margin-left: 20%;
    margin-right: 0;
    margin-top: 20px;
}

.SpecialRightComponent {
    width: 100%;
}

.homepage-fifth-component {
	padding-top: 60px !important;
}

}

@media only screen and (max-width: 449px) {

.copyBox h3, .RightcopyBox h3 {
width: 100%;
line-height: 20px;
}

.copyBox {
    padding-left: 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.RightcopyBox {
	padding-right: 0;
	width: 100%;
}

.homepage-third-component {
	padding-top: 60px !important;
}

.StandardLeftComponent {
    width: 100%;
}

.StandardRightComponent {
    width: 80%;
    margin-top: 20px;
    margin-left: 10%;
}

.imageBox {
    max-height: 240px;
}

.homepage-fourth-component {
	display: flex;
    flex-flow: row wrap;
    padding-top: 40px;
}

.SpecialLeftComponent {
    width: 80%;
    order: 2;
    float: right !important;
    margin-left: 10%;
    margin-right: 0;
    margin-top: 20px;
}

.SpecialRightComponent {
    width: 100%;
}

.homepage-fifth-component {
	padding-top: 40px !important;
}

.ht-divider {
height: 20px !important;
}

}


/* Homepage Map Hours Section*/
@media only screen and (min-width: 500px) and (max-width: 970px) {

.homepage-map-component {
    display: flex;
    flex-flow: row wrap;
}

.MapLeftComponent {
    width: 100%;
}

.copyBox, .RightcopyBox {
    padding-left: inherit;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.MapRightComponent {
    width: 100%;
    margin-left: inherit;
    margin-top: 40px;
}

.MapimageBox {
    max-height: 400px;
}

.MapRightComponentSwitch {
	width: 100%;
    margin-left: inherit;
}

.MapLeftComponentSwitch {
    width: 100%;
    order: 2;
    margin-top: 40px;
}

}

@media only screen and (max-width: 499px) {

.homepage-map-component {
    display: flex;
    flex-flow: row wrap;
}

.MapLeftComponent {
    width: 100%;
}

.copyBox, .RightcopyBox {
    padding-left: inherit;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.MapRightComponent {
    width: 100%;
    margin-left: inherit;
    margin-top: 40px;
}

.MapimageBox {
    max-height: 400px;
}

.MapRightComponentSwitch {
	width: 100%;
    margin-left: inherit;
}

.MapLeftComponentSwitch {
    width: 100%;
    order: 2;
    margin-top: 40px;
}

.homepage-map-component .copyBox {
	padding-top: 40px !important;
}

.homepage-map-component .actionBtn {
margin-bottom: 15px;
}

.office-days {
	margin-right: 6.5px;
}
.office-days, .office-hours {
	font-size: 12px !important;
}

}

@media only screen and (max-width: 1048px) {

/* Blog Feed */
.item.mix.skin.even.flat.masonry-brick, .item.skin.flat.even {
position: relative !Important;
float: left;
height: auto !important;
margin: 0 !Important;
display: inline-block !important;
left: 0.5% !important;
transform: none !Important;
}

.item.mix.skin.odd.flat.masonry-brick, .item.skin.flat.odd {
position: relative !Important;
float: left;
height: auto !important;
margin: 0 !Important;
display: inline-block !important;
left: 0.5% !important;
transform: none !Important;
top: 0 !important;
}

#post-grid-134 .item {
width: 94% !important;
margin-bottom: 20px !Important;
position: relative !important;
}

#post-grid-134 .item:nth-child(2) {
margin-left: inherit !important;
margin-right: inherit !important;
top: 0 !important;
}

.copyBox h3, .RightcopyBox h3 {
width: 100%;
line-height: 20px;
}

.ht-divider {
height: 20px !important;
}


}

@media only screen and (max-width: 768px) {

.blog-banner {
background-attachment: scroll;
}

.blog-supcopy {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}

/* Schedule Box */
.schedulebox-inner {
width: 90% !Important;
margin: 0 auto;
}

}

/*--------------------------------------------
FOOTER ADJUSTMETNS
----------------------------------------------*/

@media only screen and (min-width: 770px) and (max-width: 970px) {

.bottomFooterThird {
    width: 50%;
    padding-right: 0px;
    margin-bottom: 100px;
}

.footerLogoContain {
    margin-top: 90px;
}

.bottomFooter.padtop120.padbottom100 {
    padding-bottom: 40px;
}

}

@media only screen and (max-width: 769px) {

.bottomFooter {
    padding-top: 60px;
    padding-bottom: 40px;
}

.bottomFooterThird {
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 40px;
    margin-bottom: 60px;
}

.bottomFooterThird:nth-of-type(2), .bottomFooterThird:nth-of-type(3) {
	border-bottom: none;
}

}

@media only screen and (max-width: 365px) {
.footerPhone .white a {
	color: #fff !important;
}

.bottomFooter .office-days {
	margin-right: 4.5px;
}

}

/*--------------------------------------------
ABOUT PAGE
----------------------------------------------*/
@media only screen and (max-width: 880px) {

.StandardPageContainer {
    margin-top: 30px;
}

}

@media only screen and (min-width: 585px) and (max-width: 769px) {

.aboutVideo {
    max-width: 90%;
    display: inline-block !important;
    height: auto;
    padding-top: 50%;
    margin-left: 5%;
}

.NormalComponentCopyBox {
width: 80%;
}

.StaffPic {
    max-height: 300px;
}

.officepicThird {
    width: 100%;
    margin-bottom: 15px;
}

}

@media only screen and (max-width: 584px) {
.aboutVideo {
    width: 100%;
    display: inline-block !important;
    height: auto;
    padding-top: 57%;
    margin-left: 0;
}

.StaffHalf1 {
    min-width: 260px;
    margin-bottom: 20px;
}

.StaffPic {
    max-height: 300px;
}


.StaffHalf2 {
    clear: both;
    margin-left: 0px;
    width: 90%;
}

.StaffBox {
	display: flex;
    flex-flow: row wrap;
}

.StaffHalf1Switch {
	order: 2;
	clear: both;
    margin-left: 0px;
    width: 90%;
}

.StaffHalf2Switch {
	min-width: 260px;
    margin-bottom: 20px;
}

.officepicThird {
    width: 100%;
    margin-bottom: 15px;
    max-height: 260px;
}


}

/*--------------------------------------------
SERVICES PAGE
----------------------------------------------*/
@media only screen and (max-width: 810px) {

.specialQuestion {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.NormalComponentCopyBox {
    width: 80%;
}

.page-id-12 .officepicThird {
    width: 100%;
    margin-bottom: 15px;
    height: 330px;
}

}

/*--------------------------------------------
NEW PATIENTS PAGE
----------------------------------------------*/

@media only screen and (max-width: 1000px) {

.page-id-14 .homepage-fifth-component {
    padding-top: 0px !important;
}

.page-id-14 .StandardLeftComponent {
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
}

.page-id-14 .copyBox {
    margin-left: 0 !important;
    padding-top: 0 !important;
    width: 100%;
}

.page-id-14 .StandardRightComponent {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px !important;
}

.page-id-14 .imageBox {
    max-height: 320px !important;
}

}

@media only screen and (max-width: 650px) {

.standardHeroImage {
    height: 400px;
}

.page-id-14 .NormalComponentCopyBox {
	width: 85% !important;
}

.page-id-14 .StandardRightComponent,
.page-id-14 .StandardLeftComponent {
    width: 100% !important;
}

.page-id-14 .full-line {
	margin-bottom: 60px;
}

.firstBatchServices h3 {
	line-height: 22px;
	margin-top: 50px;
}

}

@media only screen and (max-width: 360px) {

.standardHeroImage {
    height: 250px;
}

.page-id-14 .imageBox {
    max-height: 250px !important;
}

}

/*--------------------------------------------
BLOG PAGE
----------------------------------------------*/
@media only screen and (max-width: 980px) {
.blog-splash {
    width: 100%;
    min-height: 600px !important;
    height: 50vh;
}

.blog-side-splash {
    width: calc(100% - 20px);
    min-height: 0px !important;
    float: left;
    margin-top: 10px;
    height: auto !important;
    display: inline-block;
    margin-bottom: 15px;
}

.real-blog-feed {
    width: calc(100% - 40px);
}

.blog-search-side {
    width: calc(100% - 40px);
    margin-left: 20px;
    height: auto;
}

}

@media only screen and (min-width: 715px) and (max-width: 980px) {
.blog-side-splash-half {
    width: calc(50% - 5px);
    float: left;
    display: inline-block;
    height: 400px;
}

.blog-side-splash-half:nth-of-type(2) {
    margin-top: 0px;
    margin-left: 10px;
}

}

@media only screen and (max-width: 714px) {
.blog-side-splash-half {
    width: 100%;
    float: left;
    display: inline-block;
    height: 400px;
}

.blog-side-splash-half:nth-of-type(2) {
    margin-top: 10px;
    margin-left: 0px;
}

}

@media only screen and (max-width: 612px) {
.blog-splash {
    min-height: 500px !important;
}

.blog-side-splash-half {
    height: 300px;
}

.blog-welcome-title {
    font-size: 32px;
}

.blog-feed-pic-box {
    width: 100%;
    height: auto;
    padding: 25%;
}

.blog-feed-each-info {
    width: 100%;
}

.blog-feed-post-title h6 {
    line-height: 23px !important;
    margin-bottom: 10px;
}

}

@media only screen and (max-width: 400px) {
	.featured-blog-title h1, .secondary-blog-title h1 {
    font-size: 18px !important;
    line-height: 22px !important;
}

.featured-blog-excerpt.white.normalFont {
    display: none;
}

.blog-splash {
    min-height: 355px !important;
}

}

/*--------------------------------------------
CONTACT PAGE
----------------------------------------------*/
@media only screen and (max-width: 1000px) {
.contactBox1 {
    width: 100%;
    padding-bottom: 20px;
}

.social-medes {
	margin-top: 20px;
}

.contactBox2 {
    margin-bottom: 40px;
	width: 100%;
    margin-top: -1px;
    padding: 20px;
}

.contactus h6 {
    line-height: 17px;
}

.standardPageSubtitle h6 {
    line-height: 21px;
}

}

@media only screen and (min-width: 740px) and (max-width: 1000px) {
.clearout {
	clear: inherit;
	margin-top: 0;
}
}


/*--------------------------------------------
SINGLE PAGE
----------------------------------------------*/
@media only screen and (max-width: 1064px) {
	.single-left {
    width: 100%;
	}

	.single-right {
    width: 90%;
    margin-left: 5%;
    margin-bottom: 40px;
	}
}

@media only screen and (max-width: 600px) {
.single-post-title {
    font-size: 28px;
    line-height: 32px;
}

.bottomFooterThird .mailingListContainer {
    margin-bottom: 40px;
}

}

@media only screen and (max-width: 450px) {
.blog-feed-brief.white p {
font-size: 11px;
}
	.single-post-title {
    font-size: 22px;
    line-height: 26px;
    width: 85%;
}

.single-post-feature-image img {
	min-height: 220px;
}

.single-right .widget {
	padding: 20px;
}

.single-right-searchbox h3, .single-right-adbox h3 {
    font-size: 14px !important;
    line-height: 17px;
}
}

@media only screen and (max-width: 360px) {

.blog-feed-brief.white p {
font-size: 10px !important;
}

.single-post-feature-image img {
	min-height: 200px !important;
}

}

/*--------------------------------------------
ARCHIVE PAGES
----------------------------------------------*/
@media (min-width: 545px) and (max-width: 888px) {
    body.archive #content.site-content,
    body.search #content.site-content {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 545px) {
    body.archive #content.site-content,
    body.search #content.site-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    body.archive span.entry-date.entry-meta,
    body.search span.entry-date.entry-meta {
        float: left;
        clear: both;
    }

    body.archive span.entry-meta.byline,
    body.search span.entry-meta.byline {
        float: left;
    }
}



/*--------------------------------------------
INTERNET EXPLORER 10 & 11
----------------------------------------------*/
@media (max-width: 1052px) {
    _:-ms-lang(x),
    .main-nav-bar .container {
        margin-left: 0;
        margin-right: 0;
    }

    _:-ms-fullscreen, :root
    .main-nav-bar .container {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 769px) {
    _:-ms-lang(x),
    .site-header .inner-area .site-branding .site-title a, .site-header.init-transparent .inner-area .main-nav-bar-wrapper:not(.is-sticky) .site-branding .site-title a {
        max-width: 260px;
    }

    _:-ms-fullscreen, :root
    .site-header .inner-area .site-branding .site-title a, .site-header.init-transparent .inner-area .main-nav-bar-wrapper:not(.is-sticky) .site-branding .site-title a {
        max-width: 260px;
    }

}

@media (min-width: 769px) { 
    _:-ms-lang(x),
    .site-header#masthead .inner-area .main-nav-bar .site-branding {  
        width: 270px !important;
    }

    _:-ms-fullscreen, :root
    .site-header#masthead .inner-area .main-nav-bar .site-branding {  
        width: 270px !important;
    }

    _:-ms-lang(x),
    .site-header.is-sticky.init-transparent .main-nav-bar-wrapper, .site-header .inner-area .main-nav-bar, 
    .site-header .inner-area .site-branding, .site-header .inner-area .site-branding .site-title a, .site-header .inner-area .main-nav-bar .main-nav-wrapper {
        bottom: -80px !important;
        height: 80px !important;
    }

    _:-ms-fullscreen, :root
    .site-header.is-sticky.init-transparent .main-nav-bar-wrapper, .site-header .inner-area .main-nav-bar, 
    .site-header .inner-area .site-branding, .site-header .inner-area .site-branding .site-title a, .site-header .inner-area .main-nav-bar .main-nav-wrapper {
        bottom: -80px !important;
        height: 80px !important;
    }

    _:-ms-fullscreen, :root
    nav#site-navigation {
        margin-top: 25px;
    }

     _:-ms-lang(x),
    nav#site-navigation {
        margin-top: 25px;
    }

}

@media (min-width: 769px) and (max-width: 940px) { 
    

    _:-ms-lang(x),
    .site-header .inner-area .main-nav-bar .main-nav-wrapper {
        max-width: 65%;
    }

    _:-ms-fullscreen, :root
    .site-header .inner-area .main-nav-bar .main-nav-wrapper {
        max-width: 65%;
    }

    _:-ms-lang(x),
    .site-header.init-transparent .inner-area .main-nav-bar-wrapper:not(.is-sticky) .main-navigation ul.menu > li > a,
    .site-header .inner-area .main-navigation ul.menu > li > a {
        font-size: 12.5px !important;
    }

    _:-ms-fullscreen, :root
    .site-header.init-transparent .inner-area .main-nav-bar-wrapper:not(.is-sticky) .main-navigation ul.menu > li > a,
    .site-header .inner-area .main-navigation ul.menu > li > a {
        font-size: 12.5px !important;
    }

    _:-ms-fullscreen, :root
    .site-header#masthead .inner-area .main-nav-bar .site-branding {  
        width: 232px !important;
    }

    _:-ms-lang(x), 
    .site-header#masthead .inner-area .main-nav-bar .site-branding {  
        width: 232px !important;
    }

}

@media (max-width: 390px) {
    .notifier {
        font-size: 12px;
    }
}