@media only screen and (max-width: 1023px) and (min-width: 768px) {

	#mobile-nav {
		display: block;
	}

	#mobile-nav-toggle {
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
	}

	#mobile-nav-shad {
		display: none;
	}

	body.nav-active #mobile-nav-shad {
		display: block;
	}

	#nav-container {
		padding: 0 !important;
		height: auto !important;
		vertical-align: middle !important;
		width: auto !important;
	}

	#mobile-nav {
		width: 40%;
	}

	#site-navigation {
		display: none;
	}

	#guidance-vid .single-grid-block {
    width: 100%;
}

#guidance-vid .content-wrap, #guidance-vid iframe {
    display: block;
    width: 100%;
	}

	#guidance-vid .content p {
    text-align: left;
    line-height: 1.6em;
}

#guidance-vid .single-grid-block .content-wrap {
    margin-left: 0;
    width: 100%;
}

	#hp-video-area .content-wrap .hp-top-content-container {
		padding-top:40px;
	}

	.rotator-slide-content-inner {
		padding: 0 100px;
	}

	.rotator-title,
	#hp-video-area .content h1 {
		font-size: 45px;
		line-height: 50px;
	}

	.rotator-subtitle,
	#hp-video-area .content h2 {
		font-size: 20px;
		line-height: 22px;
	}

	#hp-video-area .hp-top-content-container h2 br {
    display: none;
}

	.section.title-banner .title {
		font-size: 40px;
		line-height: 50px;
	}

	.section.title-banner .subtitle {
		font-size: 18px;
		line-height: 22px;
	}

	.section .section-inner {
		padding-left: 50px;
		padding-right: 50px;
	}

	.content-block.featured-image-left .content-wrap {
		padding: 0 0 0 60px;
	}

	.content-block.featured-image-right .content-wrap {
		padding: 0 60px 0 0;
	}

	.section .title {
		font-size: 32px;
		line-height: 36px;
	}

	.section .subtitle {
		font-size: 20px;
		line-height: 22px;
	}

	.section .content p, .section .content li {
		font-size: 16px;
		line-height: 26px;
	}

	.content-block .featured-image label {
		display: none;
	}

	.content-block .featured-image {
		box-shadow: none;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-transform: rotate(0deg);
		border-radius: 0;
	}

	.side-by-side.left .content-wrap {
		width: calc(100% - 90px);
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 50px;
	}

	.side-by-side.right .content-wrap {
		width: calc(100% - 90px);
		padding-top: 40px;
		padding-bottom: 40px;
		padding-right: 50px;
	}

	.side-by-side .featured-image img {
		max-width: none;
    margin: 0;
    max-height: none !important;
    width: 100% !important;
	}

	.side-by-side.left .content-outer {
		left: 0%;
		width: 100%;
	}

	.side-by-side.right .content-outer {
		width: 100%;
	}

	.side-by-side .featured-image {
		width: 100%;
	}

	#edLocations img, #edLocationsTwo img {
		height:auto;
	}

	.grid-block.background-image .section-inner-wrap-1 {
		position: relative;
	}

	.grid-block.background-image .section-background {
		position: absolute;
		height: 100%;
		min-width: 100%;
		max-width: none;
		width: auto;
	}

	.single-grid-block-inner {
		padding: 0 15px;
		text-align: center;
	}

	.section.grid-block .content p {
		line-height: 20px;
	}

	.single-team-member {
		width: 40%;
	}

	.news[row="2"] .news-post,
	.news[row="3"] .news-post,
	.news[row="4"] .news-post {
		width: 50%;
	}

	.section.news .news-post-inner:hover .news-post-read-more {
		line-height: 182px;
	}

	.single .entry-content {
		padding: 50px 60px;
		border-radius: 0;
		font-size: 16px;
	}

	.archive article, .search article {
		padding: 30px;
	}

	.sidebar-sections {
		width: 100%;
	}

	.sidebar-section.sidebar-right .sidebar, .sidebar-section.sidebar-left .sidebar {
		position: relative;
		width: 100%;
		left: auto;
		right: auto;
		padding: 28px 50px;
	}

	.single-post .sidebar-section.sidebar-right .sidebar, .single-post .sidebar-section.sidebar-left .sidebar {
		position: relative;
		width: 100%;
		left: auto;
		right: auto;
		margin: 0;
		padding: 0;
	}

	.sidebar {
		columns: 2;
		column-gap: 40px;
	}

	.footer-columns[cols="3"] .footer-column {
		width: 50%;
	}

	.footer-columns[cols="4"] .footer-column {
		width: 50%;
	}

	#content-wrapper {
		padding: 0;
	}

	#footer-container {
		height: auto;
		position: relative;
	}

	.entry-header .entry-title, .search-results h1.page-title {
		font-size: 32px;
	}

	.archive h1.entry-title a, .search h1.entry-title a {
		font-size: 26px;
	}

	.upper-header .location a {
		font-size: 16px;
	}

	#nav-container.nav-under {
		position: absolute;
		top: 0;
		right: 40px;
		box-shadow: none;
		margin: 0;
		width: auto !important;
		height: 100% !important;
	}

	#header-container.nav-under {
		height: 117px;
	}

	#header-spacer.nav-under {
		height: 117px;
	}

	.gform_wrapper form {
		margin: 50px -16px 0;
	}

	#single-header-inner {
		padding: 0;
		box-sizing: border-box;
		margin: 0 80px;
	}

	.single-post #content-wrapper.image-hero .sidebar-section.sidebar-right .sidebar {
		margin: 0;
		padding: 0;
		background: transparent;
	}

	.single .featured-image-wrap.hero .featured-image {
		max-height: 300px;
	}

	.sidebar-section.site-wrapper {
		margin: 0;
		width: 100%;
	}

	.sidebar-section.site-wrapper .sidebar-sections {
		width: 100%;
	}

	.sidebar-section.site-wrapper.sidebar-right .sidebar {
		width: 100%;
		padding: 50px;
	}

	.sidebar-section.site-wrapper.sidebar-left .sidebar {
		width: 100%;
		padding: 50px 50px 0;
	}

	.footer-column {
	    display: block;
	    vertical-align: top;
	    box-sizing: border-box;
	    padding: 0;
	    text-align: center;
	    margin: 0 auto 20px auto;
	}

	.footer-column.footer-col-2,
	.footer-column.footer-col-5,
	.footer-column.footer-col-4 {
		width:100% !important;
	}

	.side-by-side.left .content-outer, .side-by-side.right .content-outer {
		left: 0;
		width: 100%;
		position: relative;
	}

	.side-by-side .featured-image.left.mobile {
		display: block;
	}
	.side-by-side .featured-image.right {
		display: none;
	}






}


@media only screen and (max-width: 1023px) and (min-width: 993px) {
	#our-firm .section-inner .content-outer {
	    width: calc(100% - 400px);
	}
	#our-firm .section-inner {
    margin: 0 auto;
    width: 80%;
    max-width: 1200px;
}

#appointment {
	padding:0;
	width:45.9%;
}

.rotator-subtitle br, #hp-video-area .content h2 br {
    display: none;
}
a.site-title {
	text-align: center;
}
}

@media screen and (max-width: 992px) {
	#our-location,
	#our-firm {
		display: block;
		width:100%;
		padding: 0;
	}


	#video-home-bg {
    opacity: .5;
    position: relative;
    width: auto;
		max-width: none;
    top: 0;
    height: 700px;
    left: -30%;
}

	#interests .content-outer {
    width: 100%;
    padding-top: 0;
	}

	#interests .featured-image {
    width: 100%;
    margin-left: 0;
    top: -20px;
}

#consultation .content-outer {
    width: 100%;
}

#consultation .featured-image {
    width: 100%;
    right: 0;
    top: 30px;
}

.content-block.featured-image-left .content-wrap {
	padding:0;
}

#consultation .section-inner {
    padding: 60px 30px;
}

.swiper-slide {
	height: 670px;
}

.swiper-slide .rotator-subtitle br {
    display: none;
}

.swiper-slide img.rotator-background {
	width: auto;
    max-width: none;
    margin-left: -25%;
    max-height: 100%;
}

	#our-firm .section-inner {
		width:90%;
	}

	#our-firm .section-inner .content-outer {
    width: 100%;
	}

	a.site-title {
		display: block;
	}

	.site-header .site-title img {
    display: block;
    max-width: 320px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
	}

	#mobile-nav-toggle {
		position: absolute;
		top:25px;
		left:0;
	}

	.home a.site-title:after {
    background: url(images/mcilrath-logo-white.png);
    content: '';
    width: 320px;
    height: 35px;
    display: block;
    top: -35px;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
}


#appointment {
    padding: 0;
    width: 100%;
    text-align: left;
    float: none;
    position: relative;
}

#appointment .section-inner .content {
    text-align: center;
}
#appointment .section-inner {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
		padding-left:0 !important;
		padding-right:0;
}

#guidance .section-inner, #expect .section-inner {
    padding: 120px 30px;
}

#expect .content-wrap .button-wrap a.button {
    width: 70%;
    margin: 20px 0 auto;
}

.content-wrap.align-center {
    text-align: center;
    padding: 0 20px;
}

#footer-container img {
    max-width: 240px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.footer-credits {
	text-align:center;
}

#site-copyright.left-align {
	margin:30px 0 0 0;
	text-align: center;
	padding-left:0 !important;
}

.disclaimer {
	margin:30px auto 0 auto;
	width:80%;
}

div#location .featured-image {
    width: 100%;
    margin-left: 0;
    top: 0;
}

div#location .content-outer {
    width: 100%;
}

#serviceOne .featured-image, #serviceTwo .featured-image, #serviceThree .featured-image, #serviceFour .featured-image {
    width: 100%;
    overflow: visible;
}

#serviceExpect .button-wrap .button {
    margin: 0px auto 15px auto;
}
}
