@import url('acf/hero_banner.css');
@import url('acf/below_hero.css');
@import url('acf/product_cards.css');
@import url('acf/section_box_link.css');
@import url('acf/section_about.css');
@import url('acf/news_sections.css');
@import url('acf/section_showroom_access.css');
@import url('acf/section_company.css');
@import url('acf/section_team.css');
@import url('acf/section_form_contact.css');
@import url('acf/section_image_fullwidth.css');






@media all and ( min-width: 992px ) and ( max-width: 1199px ) {
	.item-lists-repeater-content-company {
		margin-bottom: 45px;
	}
	.custom-header {
		padding: 35px 15px;
	}
	.content-form {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
@media all and ( min-width: 768px ) and ( max-width: 991px ) {

	.content-form {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.custom-header {
		padding: 35px 15px;
	}
	.menu-desktop-custom >ul >li {
		margin-left: 11px;
		margin-right: 11px;
	}
	.col-item-card-product {
		padding-left: 25px;
		padding-right: 25px;
	}
	.row-cards-product {
		margin-left: -25px;
		margin-right: -25px;
	}

	.col-map-showroom, .col-right-content-showroom {
		padding-left: 25px;
		padding-right: 25px;
	}
	.row-showroom-access {
		margin-left: -25px;
		margin-right: -25px;
	}

	.font-66, .font-66 a, .font-66 span {
		line-height: 1.2em;
		font-size: 42px;
	}
	.font-40, .font-40 a, .font-40 span {
		line-height: 1.2em;
		font-size: 34px;
	}
	h2 {
		font-size: 34px;
	}




	.padding-top-60 {
		padding-top: 45px;
	}
	.padding-top-70 {
		padding-top: 45px;
	}
	.padding-top-120 {
		padding-top: 60px;
	}
	
	
	.padding-bottom-60 {
		padding-bottom: 45px;
	}
	.padding-bottom-120 {
		padding-bottom: 60px;
	}
	.main-btn-content-form {
		margin-bottom: 30px;
	}
	.item-lists-repeater-content-company {
		margin-bottom: 45px;
	}

}
@media all and ( min-width: 768px ) {
	.navbar-collapse.collapse {
		display: inline-block!important;
		height: auto!important;
		padding-bottom: 0;
		overflow: visible!important;
		flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-ms-flex-positive: unset;
		flex-grow: unset;
	}
}
@media all and ( max-width: 767px ) {
	.top-about-section {
		padding-top: 60px!important;
	}
	.content-top-about-us p:first-child {
		margin-bottom: 58px;
	}
	.company-section {
		margin-top: 30px;
	}
	
	.top-description-form {
		margin-top: 25px;
		margin-bottom: 80px;
	}
	.content-form-step-two .top-description-form {
		margin-bottom: 60px;
		letter-spacing: 0px;
	}
	.btn-back-form {
		margin-top: 80px;
	}
	.image-card-grid-product img {
		max-height: 190px;
		width: auto;
		margin-top: 15px;
	}
	.bottom-description-form a {
		color: var(--primary-color);
		text-decoration: underline;
	}
	.top-description-form p {
		margin-bottom: 30px;
	}
	.content-form-step-two .top-description-form {
		margin-bottom: 60px;
    	padding-bottom: 0px;
	}
	.section-heading-page .detail-section-heading-page {
		margin-top: 10px;
		padding-bottom: 8px;
	}
	.blog .section-news-list {
		margin-top: 0px;
	}
	.blog .row-item-news {
		padding-bottom: 15px;
		padding-top: 20px;
	}
	.content-thank-submit {
		text-align: center;
	}
	.value-date-news {
		font-size: 11px;
	}
	.detail-content-post-open {
		padding-bottom: 30px;
		border-color: #D9D9D9;
	}
	.row-item-news {
		border-color: #D9D9D9;
	}
	.title-repeater-content-company {
		border-bottom: 1px solid #D9D9D9;
	}
	.row-repeater-content-team:after {
		display: none;
	}
	.img-content-post-open .wp-post-image {
		min-height: 182px;
		object-fit: cover;
		object-position: center;
	}
	.row-repeater-content-team {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.img-repeater-content-team {
		margin-bottom: 1em;
	}
	.position-repeater-content-team {
		text-align: left;
		margin-top: 1em;
	}
	.item-lists-repeater-content-company {
		margin-bottom: 40px;
	}
	.br-pc {
		display: none;
	}
	.col-map-showroom {
		margin-bottom: 25px;
	}
	.position-txt-repeater-content-team {
		height: auto;
		margin-top: 30px;
		padding-right: 0px;
		margin-bottom: 30px;
	}
	.row-repeater-content-team:last-child {
		margin-bottom: 0;
	}
	.link-phone-button {
		font-size: 22px;
		padding: 32px 10px;
		margin-top: 25px;
	}
	.content-top-about-us img {
		max-width: 272px;
	}
	.lists-repeater-content-company {
		margin-top: 35px;
	}
	.title-repeater-content-company {
		padding-bottom: 15px;
		border-bottom: 1px solid #000;
		margin-bottom: 17px;
	}
	.detail-repeater-content-company p {
		margin-bottom: 20px;
	}
	.image-fullwidth-section {
		margin-bottom: 15px;
	}
	.box-link-section {
		margin-top: 25px;
	}
	.about-section .row-about-section {
		margin-top: 25px;
		margin-bottom: 15px;
	}
	.item-slider-banner-archive:before {
		padding-top: calc(56vh - 175px);
		min-height: 375px;
	}
	.content-wysiwyg-section h2 {
		margin-bottom: 40px;
	}
	h2 {
		font-size: 21px;
	}
	.content-form {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.content-form-step-two .main-btn-content-form {
		max-width: 100%;
	}
	.main-btn-content-form {
		margin-bottom: 20px;
	}
	.bottom-description-form {
		letter-spacing: 1px;
	}
	.font-66, .font-66 a, .font-66 span {
		line-height: 1.2em;
		font-size: 66px;
	}
	.font-48, .font-48 a, .font-48 span {
		font-size: 48px;
		line-height: 1.2em;
	}
	.font-40, .font-40 a, .font-40 span {
		line-height: 1.2em;
		font-size: 21px;
	}
	.font-36, .font-36 a, .font-36 span {
		line-height: 1.2em;
		font-size: 18px;
	}
	.font-32, .font-32 a, .font-32 span {
		line-height: 1.2em;
		font-size: 18px;
	}
	.font-24, .font-24 a, .font-24 span {
		line-height: 1.2em;
		font-size: 16px;
	}
	.font-22, .font-22 a, .font-22 span {
		font-size: 14px;
	}
	.font-20, .font-20 a, .font-20 span {
		line-height: 1.2em;
		font-size: 20px;
	}
	.font-18, .font-18 a, .font-18 span {
		font-size: 18px;
	}
	.font-15, .font-15 a, .font-15 span {
		font-size: 15px;
		line-height: 19px;
	}
	.font-16, .font-16 a, .font-16 span {
		font-size: 16px;
	}
	.font-14, .font-14 a, .font-14 span {
		font-size: 14px;
	}
	.font-11, .font-11 a, .font-11 span {
		font-size: 11px;
		line-height: 1.3em;
		letter-spacing: 1px;
	}

	.padding-top-40 {
		padding-top: 15px;
	}
	.padding-top-60 {
		padding-top: 30px;
	}
	.padding-top-70 {
		padding-top: 45px;
	}
	.padding-top-120 {
		padding-top: 45px;
	}
	
	
	.padding-bottom-60 {
		padding-bottom: 30px;
	}
	.padding-bottom-120 {
		padding-bottom: 45px;
	}
	
	.margin-bottom-20 {
		margin-bottom: 15px;
	}
	.margin-bottom-30 {
		margin-bottom: 15px;
	}
	.margin-bottom-40 {
		margin-bottom: 15px;
	}
	
	
	
	.margin-top-20 {
		margin-top: 15px; 
	}
	.margin-top-30 {
		margin-top: 15px; 
	}

	p {
		margin-bottom: 1.0rem;
	}
	p:last-child {
		margin-bottom: 0;
	}


	.txt-content-boxlink-section {
		padding: 15px;
		padding-bottom: 0px;
	}
	.txt-content-card-product {
		font-size: 11px;
	}
	.image-card-grid-product {
		margin-bottom: 35px;
	}
	.main-item-card-product {
		height: auto;
		padding: 15px;
		padding-top: 25px;
		margin-bottom: 1px;
		margin-top: 25px;
	}
	.col-item-card-product:last-child .main-item-card-product {
		padding-bottom: 30px;
	}
	.custom-header {
		padding: 15px 0;
		width: 100%;
		justify-content: space-around;
		box-shadow: 0 3px 15px rgb(0 0 0 / 6%);
	}
	.logo {
		text-align: left;
	}
	.logo img {
		max-width: 165px;
	}
	.hero-section.right_content:after {
		right: auto;
		top: 120px;
		left: -15%;
	}
	.row-cards-product {
		margin-left: -20px;
		margin-right: -20px;
	}
	.col-item-card-product {
		padding-left: 20px;
		padding-right: 20px;
	}
	.container {
		padding-right: 20px;
		padding-left: 20px;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.row {
		margin-right: -20px;
		margin-left: -20px;
	}
	.col-open-content-post {
		padding-left: 0px;
		padding-right: 0px;
	}
	.no-padding-column-full {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 24px;
		height: 2px;
		border-radius: 2px;
		transition: 0.3s ease;
	}
	body .navbar-inverse .navbar-toggle .icon-bar {
		background-color: #42335D;
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 6px;
	}
	.box-link-about-section {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
	}
	.readmore-txt-icon {
		margin-top: -5px;
	}
	.section-news-list {
		margin-top: 25px;
		border-color: #D9D9D9;
	}
	.row-item-news {
		padding-bottom: 18px;
		padding-top: 20px;
	}
	.column-left-about img {
		max-width: 272px;
		width: 100%;
		margin-bottom: 35px;
	}
	.navbar-inverse .navbar-toggle {
		position: absolute;
		right: 20px;
		top: 23px;
		padding: 0;
		border: none;
		margin: 0px;
		background: none;
	}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:active {
		background: none;
		border: none;
		outline: none;
	}
	body .navbar-inverse .navbar-toggle.clicked .icon-bar:nth-child(1) {
		transform: translateX(0px) translateY(7px) rotate(-45deg);
		-webkit-transform: translateX(0px) translateY(7px) rotate(-45deg);
	}
	.row-item-news {
		margin-left: 0px;
		margin-right: 0px;
	}
	.col-date-news {
		padding-left: 0px;
		padding-right: 0px;
	}
	.col-title-news {
		padding-right: 0px;
	}
	.page-id-76 .image-fullwidth-section .detail-img-fullwidth {
		min-height: 222px;
		width: 100%;
		object-fit: cover;
	}
	.page-id-76 #section-4.image-fullwidth-section {
		padding-top: 10px;
	}
	.col-information-showroom-section {
		margin-top: 25px;
		margin-bottom: 35px;
	}
	.col-map-showroom iframe {
		max-height: 185px;
	}
	.content-wysiwyg-section .heading-underline {
		min-width: 81px;
	}
	body .navbar-inverse .navbar-toggle.clicked .icon-bar {
		background-color: var(--primary-color);
	}
	body .navbar-inverse .navbar-toggle.clicked .icon-bar:nth-child(2) {
		display: none;
	}
	body .navbar-inverse .navbar-toggle.clicked .icon-bar:nth-child(3) {
		transform: translateX(0px) translateY(-1px) rotate(45deg);
		-webkit-transform: translateX(0px) translateY(-1px) rotate(45deg);
	}
	header #mask {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		left: 0;
		top: 0;
		z-index: 99;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		display: none;
	}
	header #mask.show {
		display: block;
	}
	main.main-content {
		padding-top: 62px;
	}
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 3;
	}
	.navbar-header {
		width: 100%;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
		z-index: 1000;
	}
	.main-navbar-header {
		justify-content: flex-start;
	}
	.custom-header .navbar-collapse {
		position: absolute;
		width: 80%;
		left: 100%;
		top: 0;
		background-color: #fff;
		z-index: 9999;
		height: calc(100vh);
		max-width: 200px;
		padding-top: 62px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		display: flex;
		z-index: 999;
		padding-bottom: 62px;
		align-items: center;
		align-content: center;
		justify-content: center;
	}
	.custom-header .navbar-collapse.show {
		left: calc(100% - 200px);
	}
	.menu-desktop-custom >ul >li {
		display: block;
		width: 100%;
		margin: 0;
	}
	body.opened-menu {
		overflow: hidden;
	}
	.main-connect-social {
		display: block;
		width: 100%;
	}
	.main-menu-header-right {
		flex-wrap: wrap;
		overflow-y: scroll;
		height: 100%;
	}
	.menu-desktop-custom ul li a {
		font-size: 14px;
		line-height: 40px;
		border-bottom: none;
		display: block;
	}
	.home .menu-desktop-custom >ul >li.current_page_item > a {
		color: var(--primary-color);
	}
	.menu-desktop-custom ul li a:hover, .menu-desktop-custom ul li a:focus {
		color: var(--second-color);
	}
	.menu-desktop-custom >ul >li.current_page_item > a {
		color: var(--second-color);
	}
	.home .menu-desktop-custom ul li a:hover, .home .menu-desktop-custom ul li a:focus {
		color: var(--second-color);
	}
	.main-menu-header-right .social-lists {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 15px;
	}
	.social-lists li {
		margin-left: 10px;
		margin-right: 10px;
	}
	.social-lists li a {
		font-size: 25px;
		line-height: 25px;
		display: block;
		color: var(--primary-color);;
	}
	.social-lists li a:hover, .social-lists li a:focus {
		color: var(--second-color);
		text-decoration: none;
		outline: none;
	}
	.col-map-showroom, .col-right-content-showroom {
		padding-left: 20px;
		padding-right: 20px;
	}
	.br-mobile {
		display: block;
	}
	.row-showroom-access {
		margin-left: -20px;
		margin-right: -20px;
	}
	.col-right-content-showroom >p {
		font-size: 11px;
		letter-spacing: 0.8px;
	}
	.col-right-content-showroom h3 {
		font-size: 21px;
	}
	.custom-header >.container {
		max-width: 100%;
	}
	.section-heading-page {
		padding-top: 50px;
	}
	.logo-banner-static img {
		max-height: 140px;
		width: auto;
	}
	.static-section-hero {
		top: 62px;
	}
	.below-hero-section {
		padding-left: 2px;
		padding-right: 2px;
	}
	footer {
		padding-bottom: 125px;
		margin-top: 60px;
		background-color: #F0F0F0;
		padding-top: 125px;
	}
	.logo-footer-column .inner {
		width: auto;
		display: inline-block;
		padding-left: 50px;
		padding-right: 50px;
	}
	.content-thank-submit {
		padding-top: 40px;
		padding-bottom: 35px;
		letter-spacing: 0px;
	}
	.back-thank-submit {
		padding-top: 0px;
	}
	.form-thank-section {
		padding-bottom: 60px;
	}
	.page-id-146 footer {
		margin-top: 0px;
	}

}
@media all and ( max-width: 575px ) {
	.content-form {
		padding: 0;
		border: none;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.item-field-form {
		flex-wrap: wrap;
	}
	.item-field-form label {
		width: 100%;
		margin-right: 0;
	}
	.item-field-form > div {
		width: 100%;
	}
	.btn-form {
		display: block;
		font-size: 14px;
		padding: 12px 15px;
	}
	.item-field-form input {
		width: 100%;
		padding: 13px 10px;
	}
	.content-form-step-two .btn-form {
		margin-bottom: 15px;
	}
	.item-field-form textarea {
		padding: 13px 10px;
	}

}