@media only screen and (min-width:993px) and (max-width:1179px) {
    .carousel .text {
        font-size: 90%;
        padding: 50px 10px;
        width: 60%
    }
    .tile_media .text {
        font-size: 85%
    }
}

@media (max-width:992px) {
    .cont {
        padding: 0 10px
    }
    .navbar-collapse {
        padding-right: 0
    }
    .carousel .text {
        padding: 20px 10px!important;
        width: 60%
    }
    .carousel .text h2 {
        font-size: 2em;
        line-height: 1.3em;
        margin-bottom: .88em
    }
    .carousel .text p {
        font-family:  'freight-sans-pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.25em;
        line-height: 1.5em;
        margin-bottom: 1.5em
    }
    footer,
    section,
    section.tile {
        font-size: 90%
    }
    footer {
        padding: 10px!important
    }
    section.tile {
        padding: 0!important
    }
    .tile_media .text {
        font-size: 85%
    }
    .testimonials blockquote {
        width: 45%
    }
    .contact-page-newsletter {
        min-height: 400px
    }
    .iframe-container {
        padding-bottom: 10%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    footer {
        padding: 10px!important
    }
    section.tile {
        padding: 0!important
    }
    .iframe-container {
        padding-bottom: 20%
    }
    #video #video-image i {
        top: 40%
    }
}

@media (max-width:768px) {
    #featured-image2,
    .tile li.last {
        display: none!important
    }
    header {
        padding: 10px 0 0
    }
    .cont {
        padding: 0 20px
    }
    #how-to-get-started {
        padding: 60px 20px!important
    }
    #featured-article .cont,
    .carousel .cont,
    header .cont {
        padding: 0
    }
    .logo {
        margin-left: 10px;
        margin-bottom: 12px
    }
    .phone-number {
        margin-right: 10px
    }
    .affix {
        position: static
    }
    .carousel .text {
        background: rgba(88, 74, 66, .8);
        clear: both;
        padding: 20px 10px 40px!important;
        position: relative;
        width: 100%
    }
    .carousel .text h2 {
        font-size: 1.63em;
        line-height: 1.38em;
        margin-bottom: 1em
    }
    .carousel .text p {
        font-family:  'freight-sans-pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.12em;
        line-height: 1.5em;
        margin-bottom: 1.5em
    }
    section {
        font-size: 90%
    }
    #how-to-get-started .how-to {
        margin-top: 30px!important;
        clear: both;
        width: 100%;
        padding: 0
    }
    #featured-article .image {
        position: relative;
        clear: both;
        margin-bottom: 30px;
        height: 300px!important;
        width: 100%
    }
    #featured-images {
        margin-bottom: 80px;
        height: auto!important;
        overflow: hidden
    }
    #featured-image,
    #featured-image1,
    #video {
        height: 300px!important;
        width: 100%
    }
    #video #video-image,
    #video iframe {
        height: 300px!important
    }
    #featured-article .copy {
        padding: 30px 20px;
        width: 100%
    }
    .tile_container {
        width: 50%
    }
    .large-img,
    .tile_media .dark,
    .tile_media .text,
    .tile_media:hover .text {
        display: none
    }
    .small-img {
        display: block
    }
    #experts img {
        width: 100%
    }
    .archive-news-post,
    .news,
    .small {
        clear: both;
        display: block;
        margin: 0 0 20px!important;
        width: 100%
    }
    .news .img {
        height: auto
    }
    .media-staff img,
    .news .img img {
        height: auto;
        overflow: hidden;
        width: 100%
    }
    #ebh-newsletter td,
    #ebh-newsletter td table td,
    #ebh-newsletter tr,
    #ebh-newsletter tr table tr {
        width: 100%!important;
        display: block;
        vertical-align: top;
        margin-bottom: 10px;
        text-align: center
    }
    #share-links a {
        font-size: 20px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px 5px 0;
        width: 40px
    }
    .board td {
        padding: 5px 20px;
        vertical-align: middle
    }
    .board-name,
    .board-title {
        font-size: 90%;
        text-align: left!important
    }
    #exceptional-treatment td {
        font-size: 1em!important;
        padding: 10px!important;
        text-align: left!important
    }
    .testimonials blockquote {
        width: 100%;
        margin: 0 0 30px
    }
    .center .image {
        float: none;
        width: 100%
    }
    .center .copy {
        float: none;
        padding: 30px;
        width: 100%
    }
    #content,
    #sidebar {
        clear: both;
        float: none;
        width: 100%
    }
    #content {
        margin-bottom: 60px
    }
    .first-post .copy {
        float: none;
        padding: 40px 0;
        width: 100%
    }
    .first-post .img {
        display: block;
        float: none;
        width: 100%;
        max-height: 250px!important;
        height: auto!important;
        height: 250px!important
    }
    .next-btn,
    .previous-btn {
        padding: 15px!important
    }
    .news-page h1 {
        float: none
    }
    .news-page select {
        float: none;
        width: 100%
    }
    .contact-page-newsletter {
        min-height: 350px
    }
    .iframe-container {
        padding-bottom: 55%
    }
    .staff-text p {
        width: 100%
    }
    	input[type=search] {
	    background: white url(https://www.elementsbehavioralhealth.com/wp-content/uploads/2016/05/search2x-1.png) no-repeat 9px center;
		width: 80%;
		background-size: 18px 19px;
		padding: 9px 10px 9px 32px;
		border: 1px solid #e2d9cc;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		transition: all .5s;
		margin-left: 10px;
	}
	#demo-2 input[type=search] {
		width: 80%;
		padding-left: 32px;
		color: #000;
	}
	#demo-2 input[type=search]:focus {
		width:80%;
	}

}

@media (max-width:540px) {
    .agent,
    .half,
    .media-video,
    .third,
    .page-id-8391 #page-article .half {
        float: none;
        width: 100%
    }
    .logo,
    .phone-number {
        margin-bottom: 20px;
        padding-bottom: 0
    }
    .phone-number {
        padding: 5px 10px;
        font-size: 1.2em!important
    }
    .phone-number i {
        font-size: 1.5em
    }
    .carousel a.contact-link {
        font-size: 1.2em
    }
    #contact .half:nth-child(odd),
    .half,
    .third {
        padding: 0
    }
    #contact .full {
        display: block
    }
    #contacr .half,
    #contact .half {
        margin-bottom: 0
    }
    #how-to-get-started .how-to {
        margin-top: 30px!important
    }
    #featured-images {
        margin-bottom: 40px
    }
    #featured-image2 {
        display: none!important
    }
    #featured-image,
    #featured-image1,
    #video {
        height: 200px!important;
        width: 100%
    }
    #video #video-image i {
        margin: 0 auto;
        font-size: 8em
    }
    #video #video-image,
    #video iframe {
        height: 200px!important
    }
    .admission-step {
        text-align: center
    }
    .admission-step i {
        clear: both;
        float: none;
        margin: 0 auto 30px
    }
    .media-video {
        padding-bottom: 50.25%;
        margin-bottom: 30px
    }
    .iframe-container {
        padding-bottom: 90%
    }
    .admission-step p,
    .center .copy p,
    .gform_confirmation_message,
    .nr_text,
    .page-template-page-templatessingle-center-php #content p,
    .page-template-page-templatessingle-center-php #content ul,
    .single section ol,
    .single section p,
    .single section ul
    .page-id-8391 #page-article ul li,
    article p,
    div#jp-relatedposts div.jp-relatedposts-items p,
    div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
    section p {
        font-size: 1.1em!important;
        line-height: 1.5
    }
    .error404 #page-article,
    .page-id-1331 #page-article,
    .page-id-2234 #page-article,
    .page-template-page-templatesno-photo-php #page-article {
        padding-top: 50px
    }
    .news-page {
        padding: 50px 0
    }
    .page-id-8391 #page-article .half i{
	font-size: 40px;
}
}

@media (max-width:380px) {
    .logo {
        float: none!important;
        margin: 5px auto 10px!important
    }
    header .phone-number {
        width: 100%;
        background: #a2a966;
        margin: 0
    }
    td {
        text-align: right!important
    }
    .iframe-container {
        padding-bottom: 120%
    }
}