.show-xs,
.show-sm,
.hide-lg {
	display: none;
}
.hide-xs,
.hide-sm,
.show-lg {
	display: block;
}
.show-xs-inline,
.show-sm-inline,
.hide-lg-inline {
	display: none;
}
.hide-xs-inline,
.hide-sm-inline,
.show-lg-inline {
	display: inline;
}

/*! ============================================================ */
/*! Media queries
/*! ============================================================ */
/*! Tab */
@media screen and (max-width: 979px) {
	.hide-xs,
	.show-sm,
	.hide-lg {
		display: block;
	}
	.show-xs,
	.hide-sm,
	.show-lg {
		display: none;
	}
	.hide-xs-inline,
	.show-sm-inline,
	.hide-lg-inline {
		display: inline;
	}
	.show-xs-inline,
	.hide-sm-inline,
	.show-lg-inline {
		display: none;
	}

	.wrapper-width {
		width: auto;
		max-width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}

	.xs-menu-btn-area {
		width: 100%;
		height: 40px;
		position: fixed;
		top: auto;
		left: auto;
		background: #fff;
		border-bottom: 2px solid #bbb;
		padding: 12px 0;
		text-align: center;
		z-index: 99998;
	}
	.xs-menu-btn-area .xs-menu-btn {
		line-height: 0;
		float: right;
		margin: 0 12px;
		display: block;
		cursor: pointer;
	}
	.xs-menu-btn-area .xs-menu-btn i {
		color: #000;
		font-size: 28px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.xs-menu-btn-area .xs-site-logo {
		width: 160px;
		float: left;
		margin: 0 0 0 16px;
	}
	.xs-navigation {
		display: none;
		background: #fff;
		position: absolute;
		width: 100%;
		top: 66px;
		z-index: 999;
	}
	.xs-navigation li {
		line-height: 30px;
	}
	.xs-navigation li a {
		border-bottom: 1px solid #aaa;
		font-size: 14px;
		display: block;
		padding: 8px 40px 8px 16px;
		text-decoration: none;
		position: relative;
	}
	.xs-navigation li a:hover {
		-webkit-box-shadow: 0 0 16px 3px rgba(0,0,0,0.25) inset;
		-moz-box-shadow: 0 0 16px 3px rgba(0,0,0,0.25) inset;
		box-shadow: 0 0 16px 3px rgba(0,0,0,0.25) inset;
	}
	.xs-navigation li a:after {
		color: #bbb;
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 0;
		margin: -12px 0 0;
		width: 24px;
		height: 24px;
		line-height: 24px;
		content: "\f105";
	}
	.xs-navigation li a span {
		font-size: 80%;
		margin: 0 0 0 16px;
	}
	.xs-navigation li ul li a {
		padding: 4px 24px;
	}
	.xs-navigation li ul li ul li a {
		padding: 4px 32px;
	}
	.xs-navigation li ul li ul li ul li a {
		padding: 4px 40px;
	}
	.fixed_header.twin-navigation,
	.twin-navigation {
		position: relative;
	}

	.site-footer-inner .footer-box,
	.site-footer-inner .footer-widget-area {
		width: 100% !important;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		min-height: 0;
	}
	.company-name {
		margin: 0 0 8px;
	}
}
/*! Mobile */
@media screen and (max-width: 767px) {
	.show-xs,
	.hide-sm,
	.hide-lg {
		display: block;
	}
	.hide-xs,
	.show-sm,
	.show-lg {
		display: none;
	}
	.show-xs-inline,
	.hide-sm-inline,
	.hide-lg-inline {
		display: inline;
	}
	.hide-xs-inline,
	.show-sm-inline,
	.show-lg-inline {
		display: none;
	}

	#sub_page {
		padding: 60px 0 0;
	}
	#main-img.section .main-img {
		background: none;
		height: 60px;
	}
	.site-footer .wrapper-width {
		width: auto;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.site-footer-inner .footer-box .site-logo {
		max-width: 160px;
		margin-left: auto;
		margin-right: auto;
	}
	.site-footer-bottom .copyright {
		width: auto !important;
		margin-left: 8px !important;
		margin-right: 8px !important;
		float: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#section_4.section .section_content .column_wrapper .column_one,
	#section_4.section .section_content .column_wrapper .column_one .inner,
	.outline_column_wrapper,
	.outline_column_wrapper .column,
	.outline_column_wrapper .column .inner,
	.section .section_content .column_wrapper .about-img,
	.section .section_content .column_wrapper .about-text,
	.section_content_s,
	.shop-one-block .shop-info .shop-text-area .shop-img,
	.shop-one-block .shop-info .shop-text-area .shop-table,
	.one-reduction,
	.one-reduction.fl,
	.site-footer-inner .footer-widget-area,
	.site-footer-inner .footer-widget-area .widget {
		width: 100% !important;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#section_1.section .section-title,
	#section_2.section .section-title,
	#section_3.section .section-title,
	#section_4.section .section-title,
	#section_5.section .section-title {
		font-size: 116%;
	}
	#section_1.section .section-title-sub,
	#section_2.section .section-title-sub,
	#section_3.section .section-title-sub,
	#section_4.section .section-title-sub,
	#section_5.section .section-title-sub {
		font-size: 110%;
	}
	#section_1.section .section-title-sub-sub,
	#section_2.section .section-title-sub-sub,
	#section_3.section .section-title-sub-sub,
	#section_4.section .section-title-sub-sub,
	#section_5.section .section-title-sub-sub {
		font-size: 102%;
	}
	#section_4.section .section_content .column_wrapper .about-img {
		width: 120px !important;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	#section_5.section .section_content .column_wrapper .about-img {
		width: 160px !important;
	}
	.section .section_content .btn {
		text-align: center;
	}
	.section .section_content .column_wrapper {
		margin: 0 !important;
	}
	.site-footer-inner .footer-box {
		padding: 24px 0;
	}
	.site-footer-inner .footer-box .company-name {
		text-align: center;
	}
	.site-footer-inner .footer-box .company-name .site-logo {
		margin-left: auto;
		margin-right: auto;
	}
	.site-footer-inner .footer-box .social-icon {
		text-align: center;
		margin: 0 8px 24px;
	}
	.site-footer-inner .footer-widget-area {
		margin: 0;
	}
	.site-footer-inner .footer-widget-area .widget h3 {
		font-size: 14px;
		margin: 0 !important;
		padding: 0;
	}
	.site-footer-inner .footer-widget-area .widget h3 a {
		font-size: 14px;
		display: block;
		padding: 12px 40px 12px 16px;
		border-bottom: 1px solid #999;
		text-decoration: none;
		position: relative;
	}
	.site-footer-inner .footer-widget-area .widget h3 a:hover {
		color: #fff;
		background: #333;
		background: rgba(0,0,0,0.75);
	}
	.site-footer-inner .footer-widget-area .widget h3 a:after {
		color: #bbb;
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 0;
		margin: -12px 0 0;
		width: 24px;
		height: 24px;
		line-height: 24px;
		content: "\f105";
	}
	.site-footer-inner .footer-widget-area .widget .footer-menu li {
		line-height: 30px;
	}
	.site-footer-inner .footer-widget-area .widget .footer-menu li a {
		font-size: 14px;
		display: block;
		padding: 4px 40px 4px 32px;
		border-bottom: 1px solid #999;
		text-decoration: none;
		position: relative;
	}
	.site-footer-inner .footer-widget-area .widget .footer-menu li a:hover {
		color: #fff;
		background: #333;
		background: rgba(0,0,0,0.75);
	}
	.site-footer-inner .footer-widget-area .widget .footer-menu li a:after {
		color: #bbb;
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 0;
		margin: -12px 0 0;
		width: 24px;
		height: 24px;
		line-height: 24px;
		content: "\f105";
	}
	.outline_column_wrapper .column {
		margin: 0 0 40px;
	}
	.about-table table tr th {
		width: auto;
	}
	.recruit-catch {
		font-size: 125%;
	}
	.recruit-table {
		margin: 0 0 40px;
	}
	.recruit-table table tr th {
		width: auto;
	}
	#contactform_1,
	#contactform_2 {
		width: auto;
		border: none;
	}
	#contactform_1 table tr,
	#contactform_1 table#form_check tr,
	#contactform_2 table tr,
	#contactform_2 table#form_check tr {
		display: block;
		margin-bottom: 1.5em;
	}
	#contactform_1 table tr td,
	#contactform_1 table tr th,
	#contactform_1 table#form_check tr td,
	#contactform_1 table#form_check tr th,
	#contactform_2 table tr td,
	#contactform_2 table tr th,
	#contactform_2 table#form_check tr td,
	#contactform_2 table#form_check tr th {
		text-align: left;
		list-style: none;
		display: list-item;
		border: none;
		width: 272px;
		margin: 0 auto;
		padding: 8px 16px;
	}
	#contactform_1 table tr th,
	#contactform_1 table#form_check tr th,
	#contactform_2 table tr th,
	#contactform_2 table#form_check tr th {
		background: #ddd;
	}
	#contactform_1 table tr td,
	#contactform_1 table#form_check tr td,
	#contactform_2 table tr td,
	#contactform_2 table#form_check tr td {
		background: #fff;
	}
	.attention {
		width: auto;
		margin: 24px auto;
		padding: 8px;
	}
}