@charset "utf-8";

/*--------------media query css------------------*/

.form-cover .successmsg {
	left: 12px;
}

@media (min-width: 1270px) {
	.container {
		width: 1208px;
	}
}

@media (max-width: 1500px) {
	.wrap-feature {
		padding: 48px 16px 18px;
	}

	.feat-main {
		padding: 16px;
	}

	.feat-main figcaption {
		padding-left: 16px;
	}

	.serv-pro {
		padding: 0 16px;
	}

	.small-cont {
		padding: 0;
	}

	.owl-nav > div.owl-prev {
		left: -30px;
	}

	.owl-nav > div.owl-next {
		right: -30px;
	}

	span.error,
	.successmsg {
		left: 60px;
	}
}

@media (max-width: 1300px) {
	.banner-content {
		left: 30px;
	}
}

@media (max-width: 1270px) {
	.cover-yellow {
		margin-left: 20px;
	}

	.cover-green {
		margin-left: 20px;
	}

	.owl-nav > div.owl-prev {
		left: -16px;
	}

	.owl-nav > div.owl-next {
		right: -16px;
	}

	.main-navigation .navigation > li {
		padding: 0 16px 34px;
	}

	.social-group {
		top: 0;
		transform: translate(0);
		-ms-transform: translate(0);
	}

	span.error,
	.successmsg {
		left: 53px;
	}

	.product-page .social-group {
		top: 43%;
		transform: translateY(-50%);
	}
}

@media (max-width: 1200px) {
	.cover-yellow {
		margin-left: 0;
	}

	.cover-green {
		margin-left: 0;
	}

	.feat-main figcaption,
	.wrap-news .feat-main figcaption {
		padding-left: 0;
		width: 100%;
		padding-top: 16px;
	}

	.feat-main img {
		max-width: 100%;
		width: 100%;
	}

	.wrap-news .feat-main {
		padding: 25px;
	}

	.sign-form .btn.btn-danger {
		margin-left: 0;
		float: left;
	}

	span.error,
	.successmsg {
		left: 16px;
	}

	.sign-form .inputBox {
		width: 100%;
		margin-bottom: 5px;
	}

	.sign-form {
		padding-left: 0;
	}

	.deviceOnly {
		display: block;
	}

	.search-box {
		float: right;
		position: absolute;
		top: 60px;
		right: 16px;
	}

	.cover-pro figure {
		padding: 18px;
	}

	.cover-pro a {
		margin-bottom: 0;
	}

	.cover-pro-series figure {
		padding: 18px;
	}

	.cover-pro-series a {
		margin-bottom: 0;
	}

	.sbSelector {
		text-indent: 10px;
	}

	.sbHolder {
		font-size: 16px;
	}

	.related-cover a.btn {
		padding: 16px 21px;
	}

	.right-panel ul {
		margin-top: 13px;
	}

	.felment-wrapper.right {
		font-size: 16px;
		padding: 8px 25px 7px 0;
	}

	.finder-rb .select-box form {
		height: auto;
	}

	.finder-rb .select-box .felment-wrapper,
	.finder-rb .select-box .felment-active {
		display: block;
	}

	.finder-rb .sbSelector {
		border-right: 1px solid transparent;
		background-position: 97% 53%;
		padding: 0;
	}

	.finder-rb .select-box .felment-wrapper span {
		padding-left: 6px;
	}

	.finder-rb .select-box .felment-wrapper {
		border: 1px solid #000;
		border-top: 0;
	}

	.inner-page .right-panel ul.sbOptions {
		margin-bottom: 0;
	}

	.felment-wrapper.right {
		text-indent: 10px;
		padding: 5px 0;
		float: none;
		font-size: 16px;
		line-height: 28px;
	}

	.cover-pro li,
	.right-panel ul li a {
		font-size: 17px;
	}

	.right-panel .cover-pro ul li:after {
		top: 6px;
	}

	.cover-pro-series li,
	.right-panel ul li a {
		font-size: 17px;
	}

	.right-panel .cover-pro-series ul li:after {
		top: 6px;
	}

	.product-videos ul li {
		width: 42%;
		max-width: 191px;
		margin-bottom: 20px;
	}

	.related-cover a.btn {
		padding: 16px 21px;
	}

	.related-cover.applications a.btn {
		padding: 24px 16px 27px;
	}
}

@media (max-width: 1024px) {
	.cover-yellow {
		margin-left: 0;
	}

	.cover-green {
		margin-left: 0;
	}

	.banner-content {
		left: 50px;
	}

	.btn {
		margin-bottom: 16px;
	}
}

/*------------tablet portrait  view------*/

@media (max-width: 991px) {
	.banner-content {
		top: 42% !important;
	}

	.b-cont {
		top: 55% !important;
	}

	.cover-yellow > span br {
		display: none;
	}

	.cover-green > span br {
		display: none;
	}

	.b-cont .banner-cover h1 {
		font-size: 35px;
		margin-bottom: 8px;
	}

	.call-us {
		margin: 13px 10px;
	}

	.main-navigation .navigation > li {
		padding: 0 12px 20px;
	}

	.main-navigation .navigation > li > a {
		font-size: 16px;
	}

	.main-navigation .navigation > li > a:after {
		bottom: -27px;
	}

	.main-navigation .navigation > li .sub-menu {
		top: 156px;
	}

	.asi-cont {
		padding-left: 16px;
		padding-right: 16px;
	}

	.wrap-asi {
		text-align: center;
		padding: 40px 0;
	}

	.img-cover {
		padding-top: 0;
		margin-bottom: 30px;
	}

	.asi-cont h1 br {
		display: none;
	}

	.sign-form .btn.btn-danger {
		padding: 10px 17px;
	}

	.copyright {
		margin-left: 0;
	}

	.main-navigation .navigation .sub-menu a {
		height: 158px;
		width: 158px;
	}

	.cover-pro {
		margin-bottom: 16px;
		width: 50%;
	}

	.cover-pro-series {
		margin-bottom: 16px;
		width: 49%;
	}

	.half-box .cont-con,
	.thr-box .cont-con {
		width: 100%;
	}

	.cont-con img {
		width: 100%;
	}

	.rel-box {
		width: 50%;
		padding: 0 7px;
		margin-bottom: 30px;
	}

	.help-box {
		width: 50%;
	}

	.fg-img {
		width: 100%;
		margin: 0 0 20px;
	}

	.fg-img img,
	.event-cover .right-panel ul li,
	.applications .right-panel ul li,
	.product-videos ul li.pv-play {
		width: 100%;
	}

	.event-cover .right-panel ul {
		margin-bottom: 0;
	}

	.right-panel .video-box ul li,
	.product-videos ul li {
		display: block;
		margin: 0 auto 20px;
	}

	.product-videos ul li {
		width: 100%;
	}

	.right-panel .video-box ul {
		padding: 0;
	}

	.applications ul li {
		width: 49%;
	}

	.text-center p br {
		display: none;
	}

	.related-left .form-cover > ul > li input,
	.related-left .form-cover li > div {
		width: 50%;
	}

	.related-cover ul {
		width: 100%;
		margin-bottom: 30px;
	}

	.related-cover ul li ul {
		padding-left: 0;
		margin: 0 0 0 10px;
		width: auto;
		display: block;
	}

	.inner-page .applications .banner-content {
		top: 42%;
	}

	.related-left {
		width: 100%;
		margin-bottom: 30px;
	}

	.related-right {
		width: 100%;
		text-align: center;
		padding-top: 0;
	}

	.related-right span {
		display: block;
	}

	.services-img {
		width: 100%;
		padding: 0;
		margin-bottom: 16px;
	}

	.services-text,
	.services .item {
		width: 100%;
	}

	.benefits .related-left {
		margin-bottom: 0;
	}

	.skills-events .related-left,
	.skills-events .related-right {
		width: 100%;
		padding: 0;
	}

	.related-right {
		padding-top: 0;
	}
}

/*------------mobile landscape  view------*/

@media (min-width: 768px) {
	.acc-data {
		display: block !important;
	}
}

@media (max-width: 767px) {
	p {
	font-size: 18px;
	line-height: 28px;
	padding-bottom: 24px;
	font-weight: 400;
}

h1,
.h1 {
	font-size: 48px;
	line-height: 1;
}

h2,
.h2 {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 1rem;
}

h3,
.h3 {
	font-size: 24px;
	line-height: 32px;
}

h4,
.h4 {
	font-size: 20px;
	line-height: 28px;
}

h5,
.h5 {
	font-size: 18px;
	line-height: 28px;
}

h6,
.h6 {
	font-size: 16px;
	line-height: 24px;
}
p {
	font-size: 16px;
	line-height: 24px;
}
	.link-list > li {
		width: 100%;
	}

	.main-navigation .navigation > li .sub-menu {
		top: 7px;
	}

	.enumenu_ul {
		display: none;
		position: fixed;
		background: #000000;
		float: left;
		left: 0;
		right: 0;
		height: calc(100vh - 68px);
		bottom: inherit;
		top: 68px;
		overflow-y: auto;
		overflow-x: hidden;
		height: -webkit-calc(100vh - 68px);
		height: -moz-calc(100vh - 68px);
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.menu-icon {
		display: block;
	}

	.cover-yellow {
		max-width: 100% !important;
	}

	.cover-green {
		max-width: 100% !important;
	}

	.b-cont .banner-cover {
		padding: 22px 25px;
		border-bottom: none;
	}

	.b-cont .banner-cover h1 {
		font-size: 20px;
		margin-bottom: 8px;
	}

	.main-navigation .navigation li {
		float: left;
		width: 100%;
		text-align: center;
		position: relative;
	}

	.main-navigation .navigation > li > a,
	.main-navigation .navigation > li:first-child > a,
	.main-navigation .navigation > li:last-child > a {
		margin: 0 16px;
		color: #f8f5ed;
		float: none;
		text-align: center;
	}

	.main-navigation .navigation .sub-menu a {
		height: auto;
		width: 100%;
		display: inline-block;
		padding: 16px;
		border: 0;
	}

	.main-navigation .navigation .sub-menu li {
		display: inline-block;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.sub-menu img {
		max-width: 30%;
	}

	.main-navigation .sub-menu {
		position: relative;
		float: left;
		width: 100%;
		opacity: 1;
		visibility: visible;
		transition: inherit;
		padding: 10px 0 13px;
		top: inherit;
		left: inherit;
		right: inherit;
		min-width: 100%;
	}

	.main-navigation .navigation li:hover > a {
		color: #ffffff;
	}

	.main-navigation .navigation li > a:hover,
	.main-navigation .navigation li > a:focus,
	.main-navigation .navigation .sub-menu a:hover {
		color: #b90b2e;
		text-decoration: none !important;
	}

	.main-navigation .navigation > li > a {
		text-shadow: none;
		position: relative;
	}

	.main-navigation .navigation > li {
		padding: 5px 0;
		text-align: center;
	}

	.stickyHeader .enumenu_ul {
		top: 73px;
		left: 0;
		right: 0;
	}

	.menu-open .book-now {
		z-index: 0;
	}

	.arrow {
		display: block;
	}

	.header-main {
		transition: all 0.5s ease-in-out 0s;
		-webkit-transition: all 0.5s ease-in-out 0s;
		-moz-transition: all 0.5s ease-in-out 0s;
		-ms-transition: all 0.5s ease-in-out 0s;
	}

	.main-navigation {
		padding: 0;
		margin: 0;
		width: auto;
		position: absolute;
		right: 20px;
		top: 6px;
	}

	.owl-carousel {
		max-width: 90%;
		margin: 0 auto;
	}

	div.customer-login,
	div.search-box {
		display: none;
	}

	.contact-cover {
		text-align: center;
	}

	.logo-cover a {
		margin: 22px 0;
	}

	.logo-cover a {
		max-width: 140px;
	}

	.logo-cover-menu-item a {
		display: none;
	}

	.landing-menu-item a {
		font-size: 14px;
	}

	.social-group {
		display: none;
	}

	.banner-content {
		position: inherit;
		transform: none;
		left: 0;
	}

	.banner-cover h1 {
		font-size: 20px;
		margin-bottom: 8px;
	}

	.banner-cover {
		padding: 22px 25px;
	}

	.wrap-feature {
		padding: 24px 10px 24px;
	}

	.feat-main img {
		max-width: 50%;
		display: inline-block;
		vertical-align: middle;
	}

	.feat-main figcaption,
	.wrap-news .feat-main figcaption {
		display: inline-block;
		width: 47%;
		vertical-align: top;
		padding-left: 16px;
		padding-top: 0;
	}

	.feat-cover,
	.wrap-feature .feat-cover {
		margin-bottom: 10px;
	}

	.feat-cover:last-child {
		margin-bottom: 0;
	}

	.wrap-services {
		padding: 29px 0 50px;
	}

	.com-title h2 {
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 27px;
	}

	.serv-main img {
		max-width: 192px;
		max-height: 192px;
	}

	.serv-main p {
		display: none;
	}

	.serv-main figcaption {
		margin-top: 10px;
	}

	.serv-main h3 {
		margin-bottom: 27px;
	}

	.serv-pro {
		margin-bottom: 30px;
	}

	.indus-slider {
		margin-bottom: 38px;
	}

	.wrap-solution .app-slider h2 {
		margin-bottom: 26px;
	}

	.asi-cont h1 {
		font-size: 18px;
		line-height: 19px;
	}

	.asi-cont p {
		font-size: 17px;
		line-height: 20px;
	}

	.mobOnly {
		display: block;
		max-width: 250px;
		margin: 0 auto;
		padding: 14px;
		width: 100%;
	}

	.wrap-news .feat-cover,
	.wrap-news .com-title h2 {
		display: none;
	}

	.space-top {
		margin-top: 20px;
		margin-bottom: 0;
	}

	.wrap-news {
		padding: 30px 0;
	}

	.share-link {
		padding: 0 16px;
		margin-bottom: 25px;
	}

	.sign-form .inputBox {
		width: 100%;
		margin-bottom: 10px;
	}

	.acc-data {
		display: none;
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}

	.acco-cover {
		width: 100%;
		padding: 0;
	}

	.footer-menu {
		margin-top: 30px;
	}

	.acco-cover h4 {
		padding: 5px 16px 8px;
		border-top: 1px solid #000000;
		margin: 0 -16px;
		cursor: pointer;
	}

	.top-footer {
		padding-bottom: 0;
	}

	.copyright {
		width: 100%;
	}

	.foot-links {
		padding: 16px;
	}

	.footer-btm {
		padding-bottom: 0;
	}

	.main-navigation .navigation > li > a {
		font-size: 20px;
	}

	.main-navigation .navigation > li {
		margin: 5px 0;
	}

	.main-navigation .navigation > li > a:after {
		display: none;
	}

	.sub-menu img {
		display: none;
	}

	.banner-cover span {
		font-size: 14px;
	}

	.feat-main figcaption p {
		font-weight: 400;
	}

	.serv-main h3 {
		margin-bottom: 0;
	}

	.serv-main {
		margin-bottom: 27px;
	}

	.main-navigation .navigation .sub-menu a figcaption {
		margin-top: 0;
	}

	.main-navigation .navigation .sub-menu a {
		padding: 0;
		display: inline-block;
		width: initial;
	}

	.asi-cont {
		padding-left: 35px;
		padding-right: 35px;
	}

	.asi-cont .btn {
		width: 100%;
		max-width: 250px;
		text-align: center;
		padding: 16px 0;
	}

	.img-cover,
	.wrap-news .com-title {
		padding: 0 35px;
	}

	.logo-cover {
		padding: 0 25px;
	}

	.logo-cover-menu-item {
		display: none;
	}

	.btn.btn-default {
		white-space: inherit;
	}

	.left-panel > div {
		max-width: 100%;
	}

	.wrap-content {
		padding: 25px 0 0;
	}

	.yellow-box {
		margin-top: 30px;
	}

	.block-box {
		margin-bottom: 20px;
	}

	.banner-cover {
		border-bottom: 1px solid #000000;
		padding: 22px 16px;
	}

	.banner-cover h1 {
		margin-bottom: 0;
	}

	.event-cover .right-panel h5 {
		margin-bottom: 0;
	}

	/* .right-panel *:last-child {
		margin-bottom: 0;
	} */

	.event-cover .related-cover {
		margin-bottom: 20px;
	}

	.event-cover .yellow-box {
		margin-top: 30px;
	}

	.form-cover {
		width: auto;
	}

	.form-cover li.fullLi .inputBox,
	.form-cover li.fullLi > div {
		width: 100%;
	}

	.form-cover > ul > li {
		width: 100%;
	}

	.row.related-cover,
	.row.help-box-cover {
		margin-right: 0;
		margin-left: 0;
	}

	.row.help-box-cover > [class^='col-']:first-of-type {
		margin-bottom: 20px;
	}

	.res-app .feat-box {
		padding-bottom: 0;
	}

	.res-app .yellow-box {
		margin-top: 30px;
	}

	.fg-img:last-child {
		width: 100%;
		margin: 0 0 0;
	}

	.block-box {
		margin-bottom: 45px;
	}

	.content-images img {
		width: 100%;
	}

	.content-images {
		margin-bottom: 30px;
	}

	.right-pannel p,
	.text-center p {
		font-size: 20px;
		line-height: 24px;
		max-width: 100%;
	}

	.center-pannel {
		margin-bottom: 30px;
	}

	.related-left .form-cover > ul > li input,
	.related-left .form-cover li > div,
	.related-left .form-cover li.fullLi > div {
		width: 100%;
	}

	.related-cover p {
		font-size: 18px;
		line-height: 24px;
	}

	.related-cover .related-left p {
		font-size: 18px;
	}

	.right-panel .benefits,
	.inner-page .right-panel .benefits {
		padding: 30px 0;
	}

	.owl-carousel {
		max-width: 100%;
	}

	.finder-rb {
		padding: 30px 0;
	}

	.inner-page .right-panel .cover-pro {
		margin-bottom: 16px;
	}

	.inner-page .right-panel .cover-pro-series {
		margin-bottom: 16px;
	}

	.right-panel .video-box,
	.inner-page .right-panel .video-box {
		margin-bottom: 30px;
	}

	.right-panel .related-cover.fb-content,
	.inner-page .right-panel .related-cover.fb-content {
		margin-bottom: 60px;
	}

	.right-panel .feat-box ul {
		margin-bottom: 0;
	}

	.mfp-image-holder .mfp-close,
	.mfp-iframe-holder .mfp-close {
		width: 20px;
	}

	.industry-page .yellow-box {
		margin-top: 60px;
	}

	/* CONKLIN MEDIA CUSTOM */
	.wrap-banner .sfContentBlock .image-cover {
		position: absolute !important;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	.wrap-banner .sfContentBlock .cover-yellow {
		background: #ffdd00 none repeat scroll 0 0 !important;
	}

	.left-panel .cover-gray,
	.left-panel .blue-box {
		display: none !important;
	}

	/* END CONKLIN MEDIA CUSTOM */
}

@media (max-width: 480px) {
	.help-box,
	.cover-pro,
	.cover-pro-series,
	.rel-box {
		width: 100%;
		height: auto !important;
	}

	.help-box {
		margin-bottom: 30px;
		height: auto !important;
	}

	.inner-page .cover-yel > span br {
		display: none;
	}

	.yellow-box {
		padding: 30px 0;
	}

	.indus.industry-page .applications li {
		width: 100%;
	}

	.right-pannel h2 {
		font-size: 30px;
		line-height: 32px;
	}

	.related-right {
		width: 100%;
		display: inline-block;
		float: left;
		text-align: center;
		margin-bottom: 30px;
	}

	.related-left {
		width: 100%;
	}

	.applications ul li {
		width: 100%;
	}

	.register-box .help-box {
		width: 100%;
	}

	.product-videos ul li {
		padding: 0 10px;
		margin: 0 auto 16px;
		width: 100%;
	}

	.related-right {
		padding-top: 0;
	}

	.inner-page .related-cover a.btn,
	.related-cover a.btn {
		max-width: 100%;
	}

	.related-cover .relet-box {
		margin-bottom: 0;
	}

	.right-panel .cover-pro {
		margin-bottom: 16px;
	}

	.right-panel .cover-pro-series {
		margin-bottom: 16px;
	}

	.feat-box {
		padding-bottom: 0px;
	}

	.feat-main figcaption {
		padding-left: 0;
		width: 100%;
		padding-top: 16px;
	}

	.feat-main img {
		max-width: 100%;
		width: 100%;
	}

	.div-grid p {
		padding: 0.4em;
	}

	.div-grid h2 {
		padding: 0.4em;
	}

	.div-grid {
		margin: 1em auto;
		width: 90%;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0.75em;
	}

	.left,
	.center,
	.right {
		grid-column: auto;
	}

	.row1,
	.row2,
	.row3,
	.row4,
	.row5,
	.row6,
	.row7,
	.row8 {
		grid-row: auto;
	}
}

@media (min-width: 1270px) {
	#sfPageContainer .container {
		width: 100% !important;
	}
}

@media (max-width: 1399px) {
	header .content-block-menu li {
		margin-right: 5px;
	}
}

@media (max-width: 1200px) {
	header .content-block-menu > li > a {
		font-size: 13px;
	}
}

@media (max-width: 1171px) {
	#difference-we-make .content-block-video .content-block-video-preview img {
		height: auto;
	}

	#difference-we-make .content-block-video .content-block-video-title a {
		display: block;
		font-size: 18px;
		line-height: 1.2;
	}
}

@media (max-width: 1200px) {
	.related-cover a.btn {
		padding: 16px 21px;
	}

	.btn.btn-green {
		background-color: rgb(140, 190, 65);
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		color: #000000;
		text-transform: uppercase;
		padding: 16px 25px 16px 20px;
		letter-spacing: 0.3px;
		border-radius: 0;
	}

	.btn.btn-green {
		background-color: rgb(140, 190, 65);
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		color: #000000;
		text-transform: uppercase;
		padding: 16px 25px 16px 20px;
		letter-spacing: 0.3px;
		border-radius: 0;
	}
}

@media (max-width: 1024px) {
	.related-cover .btn {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 991px) {
	#top-header .content-block-search {
		width: 100%;
	}

	#services {
		height: auto;
	}

	#services .content-block-item {
		height: 600px;
	}

	header .content-block-menu {
		display: none;
	}

	header .content-block-item .toggle-menu {
		display: block;
		width: 42px;
		height: 42px;
		text-align: center;
	}
	header .content-block-item .toggle-menu i {
		margin-top: 9px;
	}

	#footer-sitemap .content-block-item {
		border: none;
		margin-bottom: 30px;
	}

	footer .content-block-item .content-block-social-media li {
		margin-right: 5px;
	}

	footer .content-block-footer-menu li,
	footer .content-block-footer-menu li a {
		margin-bottom: 3px;
	}

	footer .content-block-footer-menu {
		margin-top: 10px;
	}

	footer .logo img {
		max-width: 90px;
	}

	#difference-we-make .overlapped {
		margin-top: 0;
	}

	#difference-we-make .content-block-item {
		margin-bottom: 20px;
	}


@media (min-width: 767px) {
	.mb-md-0 {
		margin-bottom: 0 !important;
	}
	.my-md-0 {
		margin-top: 0;
		margin-bottom: 0;
	}
	.pb-md-0 {
		padding-bottom: 0;
	}
	.py-md-0 {
		padding-top: 0;
		padding-bottom: 0;
	}
}
@media (max-width: 767px) {
	#top-header ul li a {
		font-size: 13px;
	}

	footer .logo {
		display: table;
		margin: 0 auto;
	}

	footer .content-block-item .content-block-social-media {
		margin: 20px auto 0;
	}

	footer .content-block-footer-menu {
		display: table;
		margin: 10px auto 0;
	}

	.sfitemsList li img {
		width: 60%;
		display: table;
		margin: 0 auto 16px;
	}

	.banner-cover {
		border: none !important;
	}
}

@media (max-width: 600px) {
	#PublicWrapper {
		padding: 0 !important;
	}

	#top-header ul li {
		margin-left: 35px;
		width: auto !important;
	}

	#video-slideshow .content-block-heading {
		font-size: 40px !important;
	}

	#top-header ul li:first-child,
	#top-header .content-block-search fieldset:first-child {
		width: 84%;
	}

	footer .content-block-footer-menu li {
		float: none;
		display: block;
		text-align: center;
		margin: 0 0 5px 0;
	}

	footer .content-block-footer-menu li::after {
		display: none;
	}

	#join-us h2 {
		font-size: 18px;
	}
}

@media (max-width: 585px) {
	#Content img,
	.page img {
		width: auto;
		padding: 10px 0;
		margin: 0 auto;
	}

	.sfitemsList li img {
		width: 100%;
	}

	.related-cover .btn {
		width: 100%;
	}
	.img-responsive {
		padding: 10px 0;
		width: 100% !important;
	}

	.testimonials .testimonials-block .content-block-image {
		width: 100%;
		height: 250px;
	}

	#Content .solution-to-fit .content-block-item,
	#Content .yellow-block-with-image .content-block-item {
		padding: 25px;
	}

	#Content .fanuc-articles .content-block-heading,
	#Content .content-block.solution-to-fit .content-block-title,
	#Content .solution-to-fit .content-block-heading,
	#Content .yellow-block-with-image .content-block-heading {
		width: 100%;
		font-size: 32px;
	}

	#Content .solution-to-fit .content-block-image img,
	#Content .yellow-block-with-image .content-block-image img {
		padding: 0;
	}

	.video-grid .content-block-heading {
		font-size: 32px;
	}

	#Content .fanuc-articles article {
		display: block;
	}

	#Content .fanuc-articles article .content-block-item,
	#Content .fanuc-articles article .content-block-image {
		width: 100%;
	}

	#Content .fanuc-articles article .content-block-image img {
		width: 100% !important;
	}

	.testimonials .content-block-heading {
		font-size: 32px;
	}

	#Content .fanuc-education-video .content-block-button a,
	.button-container a.btn {
		width: 70%;
		margin: 0 auto;
		display: table;
	}
}

@media (max-width: 480px) {
	#top-header ul li {
		margin-left: 12px;
	}
}

/* Product Pages */
@media (max-width: 991px) {
	.product-image-with-text .row {
		display: table;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.product-image-left > .row > div:first-child {
		padding-right: 16px;
	}

	.product-image-right > .row > div:last-child {
		padding-left: 16px;
	}

	.product-image-with-text .content-block-image {
		height: 400px;
	}

	.black-bg,
	.cream-white-bg {
		background: none;
	}

	.black-bg .content-block-desc {
		background: #000;
	}

	.cream-white-bg .content-block-desc {
		background: #eee;
	}

	.product-chart .specification-list .content-block-list li {
		max-width: 50%;
		flex: 0 0 50%;
	}

	.content-block.product-section .content-block-heading {
		margin-bottom: 40px !important;
	}

	.product-block-yellow-box-with-video .content-block-heading {
		margin: 0;
	}

	.product-block-yellow-box .content-block-desc {
		padding: 50px;
	}
}

@media (max-width: 767px) {
	section.content-block.product-section {
		margin-bottom: 50px !important;
	}

	.product-more-videos .content-block-list li,
	.product-chart .specification-list .content-block-list li {
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 16px;
	}

	.product-more-videos .content-block-list li a {
		align-items: center;
		align-content: center;
	}

	.product-more-videos .content-block-list li img {
		width: 50px;
		height: auto;
	}

	.product-block-yellow-box .content-block-desc .content-block-heading {
		font-size: 36px;
		line-height: 1.2;
	}

	.product-intro .content-block-cta {
		margin: 16px 0;
	}

	.product-block-yellow-box-with-video .content-block-video .wistia_embed,
	.product-block-yellow-box-with-video .content-block-video .wistia_click_to_play,
	.product-block-yellow-box-with-video .content-block-video .wistia_click_to_play > div,
	.product-block-yellow-box-with-video .content-block-video .wistia_click_to_play > div > img {
		height: 300px !important;
	}

	.product-chart .content-block-cta .btn {
		width: 100%;
		margin-top: 40px !important;
	}

	.home-banner-buttons > a {
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0 0 20px !important;
	}
}

@media (max-width: 485px) {
	.product-intro .content-block-cta .btn {
		width: 100%;
		margin: 8px 0;
	}
}