
@media (max-width: 767px) {

	h1 {
		font-size: 32px;
		line-height: 38px;
	}
	h3 {
		font-size: 20px;
	}
	.page-template-about-leadership h3 {
		margin-bottom: 0px;
	}
	.sticky-top {
		/*padding-top: 65px;*/
	}
	#short-form-container span {
		display: block;
	}
	.spacer-bottom {
		display: none
	}
	.blog-topics {
		margin-bottom: 60px;
	}
	.navbar-brand {
		margin-left: 15px;
	}
	.navbar {
		padding-right: 10px !important;
	}
	.categories-list {
		margin-top: 45px;
	}
	.media-body {
		padding: 15px 15px 15px;
	}
	.media-body-blog {
		padding: 0px 15px 0px;
	}
	.author-box {
		margin-bottom: 45px;
	}
	#sidebar {
		display: none;
	}
	.cta-image-header img {
		width: 90px;
	}
	.sticky-top + .hero {
		margin-top: -67px;
	}
	.sticky-top-below + .hero {
		/*margin-top: 67px;*/
		margin-top: 0px;
	}
	.microsite-menu {
		display: none;
	}
	.menu-internal + .hero {
		position: relative;
		margin-top: 0px;
	}
	.content-image img {
		width: 50%;
	}
	.leadership-bio img {
		display: block;
		width: 300px;
		margin: 0 auto 45px;
	}
	.hero-learn-menu .cta-image-header,
	.hero-coronavirus .cta-image-header,
	.hero-products .cta-image-header {
		display: none;
	}
	.menu-links {
		margin-bottom: 30px;
	}
	.distributors-menu {
		display: none;
	}
	.services-intro-menu,
	.coronavirus-menu {
		display: none;
	}
	/*body.error404 .site-content,
	body.page-template-contact-us .site-content,
	body.page-template-contact-us-error .site-content,
	body.page-template-contact-us-thank-you .site-content {
		margin-top: 65px;
	}*/
	.menu-anchor-links {
		display: block;
		margin-top: -100px;
	}
	body.page-template-about-careers .introduction,
	body.page-template-about-life .introduction,
	body.page-template-products-coronavirus-rna-controls .introduction,
	body.page-template-products-coronavirus-synthetic-genome-with-form .introduction,
	body.page-template-products-coronavirus-synthetic-genome .introduction,
	body.page-template-products-coronavirus-services .introduction,
	body.page-template-products-coronavirus-resources .introduction,
	body.page-template-about-distributors .introduction {
		margin-top: 46px;
	}
	.module-cta-coronavirus-resources .text {
		min-height: 90px;
	}
	.module-coronavirus-products .text {
		min-height: 15px;
	}
	.order-first img {
		max-width: 150px;
		padding-bottom: 30px;
	}
	.three-up .col-md-4 {
		margin-bottom: 45px;
	}
	
	.page-template-products-bioxp-build_libraries .order-first img,
	.page-template-products-bioxp-build_clones .order-first img {
    	max-width: 100%;
    }
    .event-details-listing .vertical-pipe {
    	display: none;
    }
    .event-details-listing span.event-type {
    	display: block;
    }
    .event-logo {
    	padding-top: 30px;
    	padding-bottom: 30px;
    }
    .event-logo img {
    	width: 240px;
    }
    button.footer-submit {
		top: 0px;
		left: 15px;
	}
	button.footer-submit:active {
		top: 0px;
		left: 15px;
	}
	.join-mailing-list input {
		width: 225px;
	}
	.join-mailing-list input::placeholder {
		font-size: 12px;
	}
	.social-rocket-buttons .social-rocket-button-icon {
		font-size: 22px !important;
		margin: 0px !important;
	}
	.blog-image-right {
		float: right;
		padding-left: 30px;
		padding-bottom: 30px;
	}

	#input_1_6_1 {
		display: block;
		width: 100%;
		margin-top: 25px;
	}

	#input_1_6_2 {
		display: block;
		width: 100%;
		margin-top: 25px;
	}

	#gform_1 input[type=submit] {
		width: auto;
	}

	#gform_2 .address_country select,
	#gform_2 .ginput_container_select select,
	#gform_4 .address_country select {
		margin-left: 0px;
		padding-top: 16px;
		padding-bottom: 16px;
	}
	#gform_2 .ginput_container_select select {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	input.hkb-site-search__field {
		width: 75%;
	}
	ul.gfield_checkbox li {
		display: block;
	}
	#gform_10 .gform_body {
		width: auto !important;
		max-width: 75% !important;
		position: relative;
		display: inline-block;
		top: -10px;
	}
	#gform_10 .top_label {
		width: auto !important;
		max-width: 25% !important;
		position: relative;
		display: inline-block;
	}
	#input_10_2 {
		width: 225px;
	}
	#input_10_2::placeholder {
		font-size: 12px;
	}
	#gform_submit_button_10 {
		border-radius: 15px;
		padding: 0px 15px;
		position: relative;
		left: 15px;
		top: -5px;
	}

	.img-workflows {
		min-height: 120px;
		position: relative;
	}

	.img-workflows img {
		margin: 0;
		position: absolute;
		top: 0%;
		left: 50%;
		margin-left: -60px;
		max-height: 120px;
		max-width: 120px;
	}
	.bullets-discovery {
		min-height: 60px;
	}    

}

@media (min-width: 768px) {
	h1 {
		font-size: 58px;
		line-height: 64px;
	}
	h3 {
		font-size: 24px;
	}
	body.page-template-about-careers .introduction,
	body.page-template-about-life .introduction,
	body.page-template-products-coronavirus-rna-controls .introduction,
	body.page-template-products-coronavirus-synthetic-genome-with-form .introduction,
	body.page-template-products-coronavirus-synthetic-genome .introduction,
	body.page-template-products-coronavirus-services .introduction,
	body.page-template-products-coronavirus-resources .introduction,
	body.page-template-about-distributors .introduction {
		margin-top: 36px;
	}
	.microsite-menu {
		display: none;
	}
	.sticky-top {
		/*padding-top: 65px;*/
	}
	.footer-submit {
		position: relative;
		margin-top: 15px;
	}
	.introduction {
		margin-top: 45px;
	}
    .media-body {
		flex: 1;
		padding: 20px 45px 15px 15px;
	}
	.media-body-blog {
		flex: 1;
		padding: 0px 15px 5px 15px;
	}
	.author-box {
		margin-bottom: 15px;
	}
	.support-interior-nav {
		display: none;
	}
	#sidebar {
		display: block;
	}
	.cta-image-header img {
		width: 120px;
	}
	.sticky-top + .hero {
		margin-top: -67px;
	}
	.leadership-bio img {
		display: block;
		width: 300px;
		margin: 0 auto 45px;
	}
	.coronavirus-menu-content {
		min-height: 300px;
	}
	#input_10_2,
	.join-mailing-list input {
		margin-top: 5px;
		width: 265px;
	}
	.join-mailing-list .fa-envelope {
		/*display: block;*/
		bottom: 25px;
	}
	#input_10_2,
	.join-mailing-list input {
		margin-left: 0px;
	}
	button.footer-submit {
		left: 0px;
    }
	.distributors-menu {
		display: none;
	}
	.services-intro-menu,
	.coronavirus-menu {
		display: none;
	}
	/*body.error404 .site-content,
	body.page-template-contact-us .site-content,
	body.page-template-contact-us-error .site-content,
	body.page-template-contact-us-thank-you .site-content {
		margin-top: 65px;
	}*/
	.menu-anchor-links {
		margin-top: -90px;
	}

	.module-cta-coronavirus-resources .text {
		min-height: 230px;
	}

	.module-coronavirus-products .text {
		min-height: 90px;
	}

	.three-up .text,
	.two-up .text {
		min-height: 80px;
	}

	.module-cta-coronavirus-resources .text {
		min-height: 215px;
	}

	.support-cards span {
		display: block;
	}
	.support-cards .text {
		min-height: 120px;
	}
	.home .two-up .text {
		min-height: 140px;
	}
	#input_1_6_1 {
		display: block;
		float: left;
		width: 49.3%;
		margin-top: 25px;
	}
	#input_1_6_2 {
		display: block;
		float: right;
		width: 49.3%;
		margin-top: 25px;
	}
	
	#gform_2 .address_country select,
	#gform_4 .address_country select {
		margin-left: 16px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	#gform_2 .ginput_container_select select {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	input.hkb-site-search__field {
		width: 75%;
	}

	ul.gfield_checkbox li {
		display: block;
		width: 100%;
		clear: both;
	}

	.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, 
	.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
		width: 100% !important;
		display: inline-block;
	}

	.img-workflows {
		min-height: 120px;
		position: relative;
	}

	.img-workflows img {
		margin: 0;
		position: absolute;
		top: 0%;
		left: 0%;
		margin-left: 0px;
		max-height: 120px;
		max-width: 120px;
	}
	.bullets-discovery {
		min-height: 110px;
	}

}

@media only screen and (min-width: 641px) {
	.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, 
	.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
		width: 100% !important;
	}

	#gform_submit_button_10 {
		border-radius: 15px;
		padding: 5px 15px !important;
		position: relative;
		left: 10px;
		top: 0px;
	}

}



@media only screen and (min-width: 641px) and (max-width: 991px) {
	#gform_submit_button_10 {
		top: -20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#gform_submit_button_10 {
		top: 0px;
	}
}

@media (min-width: 992px) {
	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: 16px;
	}
	body.page-template-about-careers .introduction,
	body.page-template-about-life .introduction,
	body.page-template-products-coronavirus-rna-controls .introduction,
	body.page-template-products-coronavirus-synthetic-genome-with-form .introduction,
	body.page-template-products-coronavirus-synthetic-genome .introduction,
	body.page-template-products-coronavirus-services .introduction,
	body.page-template-products-coronavirus-resources .introduction,
	body.page-template-about-distributors .introduction {
		margin-top: 0px;
	}
	.sticky-top {
		/*padding-top: 65px;*/
	}
	.spacer-bottom {
		display: block
	}
	ul.sub-menu {
		display: none;
	}
	#menu-item-298,
	#menu-item-299 {
		display: none !important;
	}
	.microsite-menu {
		display: block;
	}
	.sticky-top + .hero {
		margin-top: -57px;
	}
	.content-image img {
		bottom: 25px;
	}
	.distributors-menu {
		display: block;
	}
	.services-intro-menu,
	.coronavirus-menu {
		display: block;
	}
	button.footer-submit {
		left: 15px;
	}
	button.footer-submit:active {
		left: 15px;
	}
	.menu-anchor-links {
		display: none;
	}
	.three-up .text,
	.two-up .text {
		min-height: 60px;
	}
	.module-coronavirus-products .text {
		min-height: 60px;
	}
	.module-cta-coronavirus-resources .text {
		min-height: 160px;
	}
	.menu-contact {
		display: none !important;
	}
	.support-cards span {
		display: inline;
	}
	.support-cards .text {
		min-height: 90px;
	}
	.home .two-up .text {
		min-height: 90px;
	}
	.mobile-controls-top-right {
		display: none;
	}
	input.hkb-site-search__field {
		width: 40%;
	}
	#gform_submit_button_10 {
		position: relative;
		left: 10px;
		top: 0px;
	}
	.menu-item {
		margin: 0 5px;
		/*margin: 0 15px;*/
	}
	.bullets-discovery {
		min-height: 150px;
	}
}

@media (max-width: 1200px) {

	.blog-topics {
		margin-bottom: 60px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}

@media only screen and (min-width: 960px) and (max-width: 991px) {

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

@media only screen and (max-width: 1199px) {

}

@media only screen and (min-width: 1200px) {
	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: 18px;
	}
	
	body.page-template-about-careers .introduction,
	body.page-template-about-life .introduction,
	body.page-template-products-coronavirus-rna-controls .introduction,
	body.page-template-products-coronavirus-synthetic-genome-with-form .introduction,
	body.page-template-products-coronavirus-synthetic-genome .introduction,
	body.page-template-products-coronavirus-services .introduction,
	body.page-template-products-coronavirus-resources .introduction,
	body.page-template-about-distributors .introduction {
		margin-top: 0px;
	}
	.microsite-menu {
		display: block;
	}
	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
	#nav-links {
		display: block;
	}
	.microsite-menu {
		display: block;
	}
	.menu-internal + .hero {
		position: relative;
		margin-top: -57px;
	}
	.menu-item {
		margin: 0 12px;
	}
	.menu-internal ul li:first-child::after {
		color: #666666;
		font-weight: 100;
		content: " | ";
		padding: 0px 0px 0px 30px;
	}
	#input_10_2,
	.join-mailing-list input {
		display: inline-block;
		/*margin-left: 10px;*/
		width: 305px;
	}
	.join-mailing-list .fa-envelope {
		bottom: 5px;
	}
	.reagent-distributors-menu-link {
		margin-left: 125px;
	}
	.distributors-menu ul,
	.distributors-menu li {
		display: inline;
	}
	.module-cta-coronavirus-resources .text {
		min-height: 140px;
	}
	.module-coronavirus-products .text {
		min-height: 60px;
	}
	.three-up span {
		display: block;
	}
	.three-up span.italicize {
		display: inline;
	}
	.support-cards .text {
		min-height: 60px;
	}
	.home .two-up .text {
		min-height: 85px;
	}
	.min-h30 {
		min-height: 30px;
	}
	.min-h60 {
		min-height: 60px;
	}
	.min-h90 {
		min-height: 90px;
	}
	.min-h120 {
		min-height: 120px;
	}
	.min-h150 {
		min-height: 150px;
	}
	.min-h180 {
		min-height: 180px;
	}
	.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, 
	.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
		width: 50% !important;
	}
	.bullets-discovery {
		min-height: 135px;
	}
}



/**************************************************
	RETINA DISPLAY IMAGES
**************************************************/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) and (max-width: 767px) {
	
}
	
