/*RESPONSIVE*/
@media screen and (max-width: 1515px){
  
	#header-bot nav ul li {
		padding: 36px 5px;
	}

	#header-bot nav {
		width: 61%;
	}

	.home #banner .caption{
		max-width: 640px;
	}

	#banner h2 {
		font-size: 45px;
	}

	.inner #banner {
    	height: 263px;
	}
}


/*1200*/
@media screen and (max-width: 1439px){

	#testimonials img{
		margin: 0;
	}

	#header-bot nav {
    	width: 66%;
	}

	#header-bot .logo{
		width: 20%;
	}

	#header-bot nav ul li a {
	    font-size: 15px;
	    padding: 36px 0;
	}

	header .btn {
    	max-width: 150px;
	}

	#banner p {
    	font-size: 20px;
	}

	#banner h2 {
    	font-size: 38px;
	}

	.home #banner .caption{
	    max-width: 545px;
	}

	.inner #banner h1{
		font-size: 45px;
		height: 57px;
	}

	.inner #banner {
    	height: 220px;
	}

	#con-top dl{
		width: 32%;
	}

}

@media screen and (max-width: 1200px){
  body {
    min-width: 320px
  }
}

/*1024*/
@media screen and (max-width: 1199px){

	header .btn{
		display: none;
	}

	#header-bot nav {
    	width: 78%;
	}

	header .h-add {
	    max-width: 662px;
	}

	header .address{
		font-size: 17px;
	}

	#banner p {
    	font-size: 16px;
	}

	#banner h2 {
    	font-size: 30px;
	}

	.home #banner .caption {
    	max-width: 417px;
	}

	.inner #banner {
    	height: 188px;
	}

	#about .about-text div .btn,
	#about .has-line:after{
		margin: 0 auto;
	}

	.home h1, h2{
		font-size: 42px;
	}

	#about .about-text div{
		padding: 50px 10px;
	    text-align: center;
	}

	#banner .test-btns {
    	bottom: 200px;
	}


}

/*960*/
@media screen and (max-width: 1023px){

	header .h-add{
		margin: 0 auto 10px;
	}

	#header-top .row{
		display: block;
	}

	#header-bot .logo{
		width: 18%;
	}

	#header-bot nav ul li {
    	padding: 30px 2px
	}

	#header-bot nav ul li a{
		padding: 30px 0;
	}

	#header-bot nav {
    	width: 81%;
	}

	.home #banner {
    	margin-top: -140px;
	}

	#testimonials{
		padding: 50px 0 0
	}

	.inner #banner {
    	height: 176px;
	}

}

/*768*/
@media screen and (max-width: 959px){

	#header-mobile{
		display: block;
		text-align: left;
	}

	header{
		/*position: absolute;*/
	}

	#header-mobile nav ul{
		padding: 5px 10px;
		background: #fff;
		display: none;
	}

	#header-mobile nav ul li{
		display: block;
		padding: 0;
	}

	#header-mobile nav ul li a{
		font-family: 'Proxima Nova Bold';
	    font-size: 16px;
		line-height: 1.2;
		color: #333;
		text-transform: uppercase;
		padding: 5px 0;
		display: block;
	}

	#header-mobile nav ul li a.active-menu,
	#header-mobile nav ul li a:hover{
		color: #0F238C;
	}

	#header-mobile nav ul li .btn{
		color: #fff;
	}


	header .row {
		width: 100%;
		padding: 0;
	}

	.desk-nav,
	#header-bot{
		display: none;
	}

	header nav a img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 15px;
		width: 250px;
	}

	header nav a#pull {
		display: block;
		color: #fff;
		background-color: #ffff;
		height: 60px;
		padding: 10px 0;
		width: 100%;
		position: relative;
	}

	header nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 20px;
		height: 20px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}

	.cta{
		background: #035B96  url("../images/common/phonecall.png") no-repeat center center;
		border-bottom-left-radius: 40px;
		border-top: 2px solid #013f9a ;
		border-top-left-radius: 40px;
		bottom: 10%;
		display: block;
		height: 60px;
		position: fixed;
		right: 0;
		text-decoration: none;
		text-indent: -9999em;
		width: 60px;
		z-index: 999;
	}

	.home h1, h2{
    	font-size: 32px;
	}

	header .h-add{
		margin: 0 auto
	}

	#header-top{
		min-height: auto
	}

	#banner h1{
		font-size: 50px;
	}

	.home #banner{
		margin-top: -60px;
	}

	#con-top{
		padding: 50px 0;
	}

	.medical-professional-page #banner,
	.contact-page #banner,
	.about-page #banner,
	.residential-page #banner,
	.business-page #banner{
		-webkit-background-size: cover;
		background-size: cover;
	}

	.inner #banner h1{
		font-size: 32px;
		height: 37px;
	}

	#banner p {
    	font-size: 14px;
	}

	.home #banner .caption {
    	max-width: 355px;
	}

	#con-top h1,
	#about h2,
	#services h2,
	#testimonials h2,
	#qoute h2{
		margin-bottom: 30px;
	}

	#con-top dl{
		max-width: 355px;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 111px;
	}

	#con-top dl:last-of-type{
		margin-bottom: 0;
	}

	.about-page #banner{
		/*background-image: url('../images/about-banner-2.jpg');*/
	}

	#about .about-text, #about img{
		width: 100%;
	}

	#about img{
		height: 100%;
	    -o-object-fit: contain;
		object-fit: contain;
	}

	#services .flex dl dd{
		margin: 10px auto 0;
		padding-top: 100px;
	}

	#testimonials .flex img{
		margin: 0 auto 10px;
	}

	.medical-professional-page #content .accordion-nolink, 
	.medical-professional-page #content .accordion{
		font-size: 25px;
	}

	h3, .inner #content h4{
		font-size: 20px;
	}

	.inner #content img.image-right{
		float: none;
		padding-left: 0;
		padding-bottom: 15px;
	}
}


/*425*/
@media screen and (max-width: 767px){

	header .h-add {
	    max-width: 333px;
	}

	header .h-add p:first-of-type{
		margin-bottom: 10px;
	}

	.home #banner {
    	margin-top: 0;
	}

	.home #banner .row{
		top: 40%;
		position: static;
		background-color: #444444;
		padding-top: 10px;
    	padding-bottom: 10px;
	}

	.inner #banner {
    	height: 110px;
	}

	#banner .btn{
		padding: 10px 0; 
		margin: 0 auto;
	}

	.home #banner .caption {
    	max-width: 100%;
    	margin: 0 auto;
    	padding: 10px;
    	/*background: rgb(255,255,255);
    	background: rgba(255,255,255,.6);*/
    	text-align: center;
	}

	.home #banner h2 {
    	font-size: 18px;
    	padding: 10px 0;
    	color: #fff;
	}

	#banner p{
		color: #fff;
	}

	h1, h2 {
    	font-size: 27px;
	}

	.contact-page #content .p-emp{
		font-size: 16px;
	}

	#header-top{
		padding: 10px 2px
	}

	#con-top {
    	padding: 30px 0;
	}

	#con-top p {
    	padding-bottom: 85px;
	}

	#con-top dl {
    	max-width: 100%;
	}

	#about h3{
		font-size: 17px;
	}

	#services{
		padding: 50px 0;
	} 

	#services button{
		border-right: none;
		margin-bottom: 10px;
	}

	#services .flex{
		margin-top: 30px;
	}

	#services .flex a{
		width: 100%;
		margin-bottom: 30px;
	}

	#services .flex a:last-of-type{
		margin-bottom: 0;
	}

	#services .flex dl dd {
    	margin: auto;
	}

	#services .svc-links a{
		display: block;
		padding: 5px 0;
		border: none;
	}

	.contactForm .flex label,
	.contact-page #content .locations .con-col{
		width: 100%;
	}

	#testimonials{
		height: 545px;
	}

	#testimonials p{
		text-align: center;
	}

	#qoute .row,
	.fot-contacts .row{
		padding: 50px 10px;
	}

	.fot-contacts .row .con-col{
		text-align: center;
	    max-width: 260px;
	    margin: 0 auto 30px;
	}

	.fot-contacts .row .con-col:nth-of-type(3){
		order: 2;
	}

	.fot-contacts .row .con-col:nth-of-type(2){
		order: 3;
	}

	#banner .test-btns {
    	bottom: 240px;
	}

	#qoute{
		margin-top: 0;
	}

	#testimonials .test-btns{
		bottom: 30px;
	}

	.contact-page #fot-con .con-col:first-of-type, 
	.contact-page #fot-con .con-col:last-of-type{
		display: none;
	}

	.contact-page #fot-con .row{
		padding: 30px 0 0
	}

	.fot-contacts .con-col:nth-of-type(2) h4{
		padding-bottom: 0;
	}

	.medical-professional-page #content .accordion-nolink, 
	.medical-professional-page #content .accordion{
		font-size: 15px;
		padding: 10px;
	}

	.medical-professional-page #content .accordion-nolink:after, 
	.medical-professional-page #content .accordion:after{
		top: 11px;
	}

	.medical-professional-page #content h4{
		padding: 10px!important;
	}

	.inner #banner h1{
		font-size: 25px;
		padding: 0 10px
	}

	.about-page #content .abtimg{
		float: none;
	    margin: 0 auto 20px;
	    max-width: 215px;
	    width: 100%;
	    display: block;
	}

	.inner #content ul.col-2{
		column-count: 2
	}

	.contact-page #content h4{
	    max-width: 244px;
        font-size: 18px !important;
	}

	.business-page #content ul.col-2{
		column-count: 1
	}

}


/*375*/
@media screen and (max-width: 424px){

	header .address {
    	font-size: 16px;
	}

	header nav a img{
		width: 188px;
	}

	.home #banner{
		margin-top: 0;
	}

	.home #banner .row{
		padding: 0 5px;
	    top: 36%;
	}

	.home #banner h2{
		font-size: 16px;
	}

}

/*320*/
@media screen and (max-width: 374px){

	.inner #content{
		padding: 20px 0 40px;
	}

	#banner .test-btns {
    	bottom: 270px;
	}

	.home #banner .row{
		top: 15%;
	}

	.inner #banner {
    	height: 100px;
	}

	.residential-page #content ul.col-2{
		font-size: 14px;
	}

}