/************************************************************************************

smaller than 980

*************************************************************************************/

@media screen and (max-width: 980px) {
/* header */

header, footer {
	width: 100%;
}
#main-nav {
	margin: 0;
	width: 100%;
	padding: 0;
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 100;
}


nav {
	float: left;
	margin-top: 0px;
}

#main-nav li {
	float: left;
	list-style: outside none none;
	margin: 0 0 0 0;
	padding: 0;
}

#main-nav a {
	font-size: 1em;
	margin: 7px 0 0 20px;
	padding: 0 0 5px 0;
}

header {
	text-align: center;
	height: 150px;
}
header nav ul {
	display: inline-block;
}
header nav ul li {
	float: left; /* or display: inline; */
}
/* pagewrap */

#pagewrap {
	width: 95%;
}
/* content */

#content {
	width: 60%;
	padding: 3% 4%;
}
#headercontainer, .footercontainer, #repinfo {
	width: 92%;
	padding: 0 4%;
}
.footercontainer {
	width: 100%;
	padding: 0;
}
.container {
	width: 92%;
	padding: 3% 4%;
}
#content_home, #content_fullwidth {
	width: 92%;
	padding: 3% 4%;
}

.homecolleft, .homecolright {
	width: 100%;
	margin: 0 0 15px 0;
}
.slide {
	margin: 3% 4%;
	width: 92%;
}
.fullwidth, .services {
	width: 100%;
	height: 700px;
}
.bgpharm {
	width: 100%;
	height: 200px;
	float: left;
}
#contact {
	float: left;
	width: 100%;
}

/* sidebar */
	#sidebar {

	float: none;
}
#sidebar .widget {
	padding: 8% 7%;
	margin-bottom: 10px;
}

.cta {
	margin: 3% 4%;
	width: 80%;
	background: #f3f3f3;
	border: 1px solid #ccc;
	padding: 5%;
	text-align: center;
}
.btncta {
	float: none;
}
.video {
	margin: 0 auto;
	width: 80%;
}
.ctainfo {
	width: 100%;
	float: left;
}
/** post title **/

.post-title {
	margin: 0 0 10px 0;
	padding: 0;
}
/* embedded videos */

.video embed, .video object, .video iframe {
	width: 100%;
	height: auto;
	min-height: 300px;
}
.cta h2 {
	width: 100%;
}
}



/************************************************************************************

smaller than 650

*************************************************************************************/

@media screen and (max-width: 650px) {
header {
	height: 160px;
}
header nav {
	position: relative;
}
nav {
	float: left;
	margin: 0;
}

h1 {
	font-size: 2em;
}
header h1 {
	text-align: center;
	float: none;
}
#herobox {
	height: 200px;
}

.bgpharm {
	height: 150px;
}

body#home #herobox h1, .bgpharm h1 {
	font-size: 1.4em;
	padding-top: 20px;
}


body#home .container {
    padding: 10px 0;
    text-align: center;
	height: 550px;
}
.statement {
    font-size: 1.2em;
}

#herobox h1, .bgguard h1, .bgtoolate h1 {
	width: 100%;
}
.bgguard, .bgtoolate {
	height: 180px;
}
/* content */

#content, #content_home, #content_fullwidth {
	width: auto;
	margin: 20px 0;
}
/* embedded videos */

.video embed, .video object, .video iframe {
	min-height: 250px;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
.services ul li {
	float: left;
	margin: 0 2% 4% 0;
}
dl.protected {
	margin: 30px 0 90px 0;
}
dl.protected, dl.protected dd, dl.protected.alt dd, dl.protected dt img {
	padding: 0;
}
dl.protected dt img, dl.protected.alt dt img {
	margin: 0 0 4px 0;
}
dl.protected dt, dl.protected dd, dl.protected.alt dd {
	text-align: center;
}
footer {
	height: 120px;
}
#footer_nav {
	margin: 0 0 10px 0;
	float: none;
}
#footer_nav, #footer_copyright, #footer_social {
	margin: 10px 0 0 0;
	width: 100%;
	float: left;
	text-align: center;
}
.footercontainer {
	width: 100%;
}

/************************************************************************************
smaller than 560
*************************************************************************************/

@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */

html {
 -webkit-text-size-adjust: none;
}
 header {
 height: 180px;
}

/* main nav */

#main-nav li {
 float: left;
 list-style: outside none none;
 margin-bottom: 0;
 padding: 0;
}
 .flex-caption {
	font-size: 18px!important;
}
 .btncta {
 width: 100%;
}

body#home .container {
    padding: 10px 0;
    text-align: center;
}
	
	.home {
	background-color: #0066a4;
	height: 410px;
}
	
	#herobox {
		height: 230px;
	}
	}