@media (max-width: 767px) {
	ul.nav.navbar-nav { margin-top: 80px; margin-bottom: 0px; }
	nav a.navbar-brand { position: absolute; left: 50%; transform: translateX(-50%); }

	.custom-navbar .nav >li >a { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #eaeaea; }
	.custom-navbar .nav >li:hover >a { color: #000000 !important; }
	.custom-navbar .nav >li:hover, .custom-navbar .nav >li.active { border-bottom: 0px solid transparent; }
	.custom-navbar .nav >li:hover >a, .custom-navbar .nav >li.active >a { padding-bottom: 10px; }

	.box-well { margin: 0 10px 40px 10px; padding: 20px 15px !important; }
	.box-well-top { margin: 0 10px; padding: 20px 15px !important; }
	.box-well-blue { margin: 0 10px; padding: 20px 15px !important; }
	.box-well-bottom { margin: 0 10px 40px 10px; padding: 20px 15px !important; }
	.box-well-bluebayou { margin: 0 10px; padding: 20px 15px !important; }
	.box-well-bluesky { margin: 0 10px; padding: 20px 15px !important; }
	.box-well-bgbottom { margin: 0 10px 40px 10px; padding: 20px 15px !important; } 
	.box-well-plaintop { margin: 0 10px; padding: 20px 15px !important; }
	.box-well-blueonly { margin: 0 10px; padding: 20px 15px !important; }
	.welldotted { margin-bottom: 20px; padding: 20px 15px !important; }
	.box-well-plain { margin: 0 10px 40px 10px; padding: 20px 15px !important; } 

	.box-well .img4, .box-well-top .img4 { max-width: 350px; }
	.box-well .img5, .box-well-top .img5 { max-width: 320px; margin-top: -20px;  }
	.img-testi { max-width: 150px; margin-bottom: 20px; }

	.top-banner { background: #EAEAEA; }

	.fs68 { font-size: 42px !important; line-height: 42px; }
	.fs64 { font-size: 36px !important; line-height: 38px; }
	.fs60.lh60 { font-size: 32px !important; line-height: 33px; }
	.fs60.lh62 { font-size: 32px !important; line-height: 33px; }
	.fs60 { font-size: 35px !important; line-height: 38px; }
	.fs54 { font-size: 33px !important; line-height: 35px; }
	.fs50.lh60 { font-size: 30px !important; line-height: 33px; }
	.fs50 { font-size: 32px !important; line-height: 34px; }
	.fs46 { font-size: 30px !important; line-height: 30px; }
	.fs44 { font-size: 29px !important; }
	.fs42 { font-size: 28px !important; }
	.fs42.lh45 { font-size: 28px !important; line-height: 28px; }
	.fs42.lh42 { font-size: 28px !important; line-height: 28px; }
	.fs40.lh46 { font-size: 26px !important; line-height: 30px; }
	.fs40.lh45 { font-size: 27px !important; line-height: 28px; }
	.fs40.lh42 { font-size: 27px !important; line-height: 28px; }
	.fs40 { font-size: 27px !important; }
	.fs38 { font-size: 26px !important; }
	.fs34 { font-size: 23px !important; }
	.fs33 { font-size: 23px !important; }
	.fs32 { font-size: 22px !important; }
	.fs30 { font-size: 21px !important; }
	.fs28.lh38 { font-size: 22px !important; line-height: 30px; }
	.fs28.lh36 { font-size: 20px !important; line-height: 26px; }
	.fs28 { font-size: 20px !important; }
	.fs26 { font-size: 19px !important; }
	.fs24 { font-size: 18px !important; }
	.fs20 { font-size: 18px !important; line-height: 26px; }

	.footer-navbar .nav { margin-top: 0 !important; }

	.pos-rel { position: relative; left: -30px; top: 10px; }
	.wrap-bottle.wb-side, .wrap-bottle.wb-middle { margin-top: 60px; }
	.wrap-bottle h1 { font-size: 20px !important; line-height: 24px; }
	.wrap-bottle h2 { font-size: 20px !important; line-height: 24px; }
	.wrap-bottle h3 { font-size: 14px !important; line-height: 18px; }
	.wrap-bottle h3 span { font-size: 18px !important; line-height: 22px; }
	.wrap-bottle h4 { font-size: 14px !important; line-height: 18px; }
	.wrap-bottle .btn { font-size: 18px !important; }

	.citations { font-size: 14px; line-height: 20px; }
}



@media(min-width:992px) {
	/* Navbar fixed top position for desktop view only */
	.navbar-responsive { position:fixed; top:0; right:0; left:0; z-index:1030; }

	.mw560 { max-width: 560px; }
	.padLR140 { padding-left: 140px; padding-right: 140px; }
	.padLR130 { padding-left: 130px; padding-right: 130px; }
	.padLR120 { padding-left: 120px; padding-right: 120px; }
	.padLR110 { padding-left: 110px; padding-right: 110px; }
	.padLR100 { padding-left: 100px; padding-right: 100px; }
	.padLR95 { padding-left: 95px; padding-right: 95px; }
	.padLR90 { padding-left: 90px; padding-right: 90px; }
	.padLR65 { padding-left: 65px; padding-right: 65px; }
	.padLR60 { padding-left: 60px; padding-right: 60px; }
	.padLR50 { padding-left: 50px; padding-right: 50px; }
	.padLR46 { padding-left: 46px; padding-right: 46px; }
	.padLR40 { padding-left: 40px; padding-right: 40px; }
	.padLR30 { padding-left: 30px; padding-right: 30px; }
	.padLR20 { padding-left: 20px; padding-right: 20px; }
	.padL60 { padding-left:60px; }

	.box-img-larger { transform: scale(1.2); }
}


@media(max-width:991px) {
	h1 { font-size: 40px !important; line-height: 45px; }
	h2 { font-size: 35px; line-height: 35px; }
	h3 { font-size: 25px; }
	h4 { font-size: 20px; }
	h5 { font-size: 20px; }
	.bodytext { font-size: 18px !important; line-height: 26px !important; padding-bottom: 10px; }
	.bodytext.smaller { max-width: 350px; }
	.fullwidth-1 .bodytext { font-size: 18px; line-height: 26px; padding-bottom: 10px; }
	.fullwidth-3 .bodytext { font-size: 18px; line-height: 26px; padding-bottom: 10px; }
	.fullwidth-4 .bodytext { font-size: 18px; line-height: 26px; padding-bottom: 10px; }

	.top-banner { margin-top: -20px !important; background-position: right top !important; }
	.top-banner-box img { margin-top: 0px; margin-bottom: 30px; max-width: 220px; }

	.box-well, .box-well-top, .box-parallax { background: #ffffff; }

	.top-banner blockquote { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; margin-bottom: 0; }
	.box-well blockquote { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; }
	.fullwidth-2 blockquote { font-size: 18px; line-height: 26px; }
	.box-well-top blockquote { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; } 
	.box-well-bottom blockquote { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; }
	.box-well-bluesky blockquote { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; }

	.box-well-smaller { margin: 0 10px !important; padding: 30px 30px 30px 30px !important; }

	.welldarkblue { padding: 30px 20px 0 20px !important; }

	.welldashed { padding: 30px 20px 10px 20px !important; }

	.welleffect { padding: 30px 20px 5px 20px !important; }
	.welleffect h2 { font-size: 32px; line-height: 35px; }

	blockquote.bq { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; }
	blockquote.bq-testi { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; }
	blockquote.doctor { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; }
	blockquote.doctor2 { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; }
	blockquote.doctor3 { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; }
	blockquote.faq { font-size: 18px; line-height: 26px; border-left: 8px solid #1f3483; }

	.img-c { margin-bottom: 40px; }
	.slideup-img { margin-top: -20px; }
	.bar-grey-short, .bar-navvy-short { height: 5px; margin: 15px auto; }

	.fullwidth-1 { background-position: right top !important; }
	.fullwidth-3 { background-position: right top !important; }

	.box-well-blue { background-position: left top !important; }
	.box-well-bluebayou { background-position: center bottom !important; }

	.well-grey-1, .well-grey-2 { min-height: auto; }

	.ul-slightbigger li { font-size: 18px; line-height: 26px; padding-left: 20px; }

	.img-a { float: none; margin-right: 0; max-width: 400px; margin: 0 auto; }
	.img-b { float: none; margin-left: 0; max-width: 350px; margin: -20px auto 20px auto; position: relative; }

	.p-updown-border { font-size: 22px; }

	.welltesti { padding: 30px 15px 10px 15px !important; margin: 20px; }

	.martop-mobile { margin-top: -50px; }

	.box-well-blueonly-bottom { padding: 50px 20px 25px 20px !important; }
	.box-well2 { padding: 30px 20px 10px 20px !important; }

	.img10 { max-width: 220px; }
	.img14 { max-width: 250px; }
	.img15 { max-width: 200px; margin-top: 0; margin-bottom: 30px; }
}