@media (max-width: 1450px) {

	.share-icons,
	.contact-form-detail .list li+li {
		margin-top: 30px;
	}

	.contact-page-form {
		padding: 90px 0;
	}
}

@media (max-width: 1450px) {
	.container {
		padding: 0 15px;
	}

	.pagebanner-image .content {
		left: 15px;
		right: 15px;
	}

	.side-view-list-item .content {
		padding: 0 80px;
	}

	.business-list {
		height: 1120px;
	}

	.business-list-list:nth-child(2) {
		top: 25%;
	}

	.hm-after-white .content::after {
		height: 90%;
	}

	.center-slider {
		padding: 100px 0;
	}

	.side-view-list {
		padding: 120px 0;
		row-gap: 60px;
	}

	.hm-after-white {
		padding-top: 100px;
	}

	.swiper-slider-bottom {
		padding-top: 90px;
	}
}

@media (max-width: 1300px) {

	.side-view .container,
	[class*="pagebanner-"] .container {
		overflow: hidden;
	}

	.after-white {
		padding: 90px 0;
	}

	.after-white-image::after {
		width: 90px;
		height: 80%;
	}

	.touch-with-us .content {
		padding-right: 15px;
	}

	.what-we-do>h4 {
		font-size: 100px;
	}

	.what-we-do {
		padding: 100px 0;
	}

	.center-content h2 {
		line-height: 35px;
		margin: 10px 0 20px 0;
	}

	.center-content .btn {
		margin-top: 25px;
	}

	.hm-after-white .inner-div {
		padding: 0 15px;
	}

}

@media (max-width: 1200px) {
	body {
		font-size: 14px;
		--fz-45: 38px;
	}



	.touch-with-us .content {
		margin-top: 60px;
	}

	.hm-after-white .inner-div {
		align-items: center;
	}

	.after-white-content .btn {
		margin-top: 30px;
	}

	.after-white-content p+p {
		margin-top: 15px;
	}

	.side-view-list {
		row-gap: 50px;
	}

	.side-view-list {
		padding: 90px 0;
	}

	.pagebanner-about .left-side {
		padding-right: 20px;
	}

	.our-promis .content h2 {
		font-size: 40px;
	}

	.chaiman-msg .image h2 {
		bottom: 80px;
		font-size: 36px;
		line-height: 36px;
	}

	.chaiman-msg {
		padding: 90px 0;
	}

	.business-list {
		height: 812px;
	}

	.our-businesses h2 {
		top: 165px;
	}

	.hm-after-white .content::after {
		--space120: 93px;
		height: 90%;
	}

	.chaiman-msg .msg-colum p {
		margin: 19px 0 0 0;
		line-height: 20px;
	}

	.center-slider .title {
		margin-bottom: 20px;
	}

	.chaiman-msg .msg-colum {
		padding-left: 50px;
	}

	.swiper.bottom-slider .swiper-slide .content {
		margin: 150px auto 0 auto;
	}

	.swiper-slider-bottom .pos-img {
		max-width: 800px;
	}

	.news-list-item p {
		font-size: 16px;
	}

	.news-list-image {
		margin-bottom: 15px;
	}

	.side-view-list-item .image {
		padding-top: 60px;
		padding-left: 60px;
	}

	.news-section {
		padding: 90px 0 90px 0;
	}

	[class*="pagebanner-"] h1 {
		font-size: 40px;
	}

	.contact-form-detail {
		padding-left: 35px;
	}

	.contact-form ul,
	.contact-form-detail ul {
		margin: 26px 0 0 0;
	}

	.form-control {
		height: 45px;
	}

	.contact-form li+li {
		margin-top: 15px;
	}

	.contact-form li+li:last-child {
		margin-top: 25px;
	}

	.contact-page-form {
		padding: 70px 0;
	}

	.contact-form {
		width: 47%;
	}

	.header .menu-ul li+li {
		margin-left: 46px;
	}

	.header .menu-ul a {
		font-size: 27px;
	}

	.related-news {
		padding: 70px 0 70px 0;
	}

	.related-news h2 {
		margin: 0 0 25px 0;
	}

	.news-detail-section {
		padding: 90px 0;
	}

	.swiper-slider-bottom {
		padding-top: 90px;
	}

	.swiper-slider-bottom h2 {
		margin: 0 0 30px 0;
	}

	.touch-with-us .content {
		padding-left: 15px;
	}

	.our-businesses {
		padding-bottom: 90px;
	}
}

@media (max-width: 1024px) {
	.contact-map {
		height: 480px;
		margin-top: 78px;
	}

	.page-template-html-contact .header {
		background: #1a2814;
	}

	.business-list {
		height: auto;
	}

	.business-list-list .content {
		padding: 0 0 15px 15px;
	}

	.business-list-list .content h3 {
		margin: 10px 0 0 0;
		font-size: 15px;
	}

	.business-list-list {
		border-radius: 15px;
	}

	.business-list {
		row-gap: 20px;
		justify-content: flex-start;
	}


	.chaiman-msg .image {
		width: 296px;
	}

	.chaiman-msg .image h2 {
		bottom: 40px;
		font-size: 25px;
		line-height: 25px;
		left: 30px;
	}

	.after-white-content {
		padding: 35px 0 0 15px;
	}

	.hm-after-white .content p+p {
		margin-top: 20px;
	}

	/* [class*="pagebanner-"] h1 {
		font-size: 34px;
		line-height: 38px;
	} */

	.after-white-image::after {
		width: 58px;
		height: 70%;
	}

	.chaiman-msg .image p {
		top: 15px;
		right: auto;
		left: 30px;
	}

	.chaiman-msg .msg-colum p {
		margin: 17px 0 0 0;
		line-height: 18px;
	}

	.pagebanner-about .container {
		min-height: 480px;
	}

	[class*="pagebanner-"] h1 {
		font-size: 26px;
		line-height: 32px;
	}

	.our-promis .container {
		min-height: 320px;
	}

	.our-promis .content h2 {
		font-size: 29px;
	}

	.chaiman-msg .msg-colum {
		padding-left: 30px;
		width: calc(100% - 290px);
	}

	.side-view-list-item .content h3 {
		font-size: 24px;
	}

	.swiper-slider-bottom .pos-img {
		max-width: 800px;
		width: 100%;
	}

	.side-view-list-item .content {
		padding: 0 30px;
	}

	.side-view-list-item .content p {
		line-height: 20px;
	}

	.news-detail-section img {
		margin-bottom: 20px;
	}

	.news-detail-section p:not(:last-child) {
		margin-bottom: 15px;
	}

	.news-detail-section {
		padding: 60px 0;
	}

	.share-icons,
	.contact-form-detail .list li+li {
		margin-top: 15px;
	}

	.footer-top .container {
		min-height: 295px;
	}

	.footer::after {
		width: 53vw;
		height: 51vw;
		background-size: cover;
	}

	.pagebanner-about::after,
	.pagebanner-color::after {
		width: 56vw;
		height: 36vw;
		background-size: cover;
	}

	.header .nav-bar::after {
		width: 53vw;
		height: 51vw;
		background-size: cover;
	}

	.footer .left-side img {
		max-width: 130px;
	}

	.footer-top .right-side li+li {
		margin-top: 16px;
	}

	.footer-top .right-side p {
		margin-bottom: 20px;
	}

	.footer-top .right-side a+a {
		margin-top: 8px;
	}

	body {
		--fz-45: 30px;
	}

	.pagebanner-image .container,
	.pagebanner-color .container {
		min-height: 355px;
	}

	.after-white {
		padding: 60px 0;
	}

	.what-we-do {
		padding: 60px 0;
	}
}

@media (max-width: 860px) {
	body {
		--fz-45: 30px;
	}

	.bsns-logo {
		max-width: 64px;
	}

	.swiper-slider-bottom .mySwiper2-bottom .swiper-slide {
		min-height: 316px;
	}

	.swiper-slider-bottom .mySwiper-bottom .swiper-slide {
		width: 50px;
		height: 50px;
		padding: 10px;
	}

	.swiper-slider-bottom .slider-outer {
		max-width: 400px;
	}

	.swiper-slider-bottom .slider-outer {
		min-height: 370px;
	}

	.side-view .line {
		display: none;
	}

	.center-slider .swiper-slide .content {
		padding: 15px 10px 15px 10px;
	}

	.center-slider {
		padding: 60px 0 0 0;
	}

	.center-slider .container {
		flex-wrap: wrap;
	}

	.next-prev>* {
		width: 42px;
		height: 42px;
	}

	.what-we-do>h4 {
		font-size: 42px;
	}

	.center-slider>img {
		height: 250px;
	}

	.next-prev {
		margin: 15px 0;
	}

	.center-slider .swiper-slide .content {
		position: initial;
	}

	.our-businesses {
		background-position: center center;
	}

	.swiper.bottom-slider .swiper-slide .content h3 {
		font-size: 20px;
	}

	.hm-after-white {
		padding-top: 50px;
	}

	.hm-after-white .inner-div {
		flex-wrap: wrap;
		row-gap: 20px;
	}

	.hm-after-white .content {
		padding: 0;
	}

	.hm-after-white .content::after {
		display: none;
	}

	.hm-after-white .image {
		width: 100%;
	}

	.news-section {
		padding: 60px 0;
	}

	.news-list-item p {
		margin: 5px 0 0 0;
		font-size: 14px;
		line-height: 17px;
	}

	.error-404 {
		padding: 60px 30px 30px 60px;
	}

	.error404 .main {
		margin-top: 100px;
	}

	.news-list {
		row-gap: 20px;
	}

	.news-section .btn {
		margin: 40px auto 0 auto;
	}

	p {
		line-height: 19px;
	}

	.after-white-content h2 {
		margin-bottom: 10px;
	}

	.our-businesses h2 {
		top: 165px;
		position: initial;
		margin-bottom: 20px;
	}

	.business-list-list {
		width: 48%;
	}

	.hm-after-white .content {
		max-width: 100%;
	}
	.after-white-image::after{
		right: -1px;
	}
	.after-white-content {
		padding: 10px 0 0 15px;
	}
}

@media (max-width: 768px) {
	.swiper-slider-bottom .mySwiper2-bottom .swiper-slide {
		min-height: 280px;
	}
}

@media (max-width: 767px) {
	body {
		--fz-45: 24px;
		font-size: 12px;
	}

	.swiper-slider-bottom .mySwiper-bottom .swiper-slide img {
		max-width: 25px;
		max-height: 25px;
	}

	.search-pannel {
		top: -9px;
	}

	.center-content h2 {
		letter-spacing: 0;
	}

	.swiper-slider-bottom .mySwiper2-bottom .swiper-slide {
		padding: 0 41px;
	}

	.pos-fixed-img {
		display: none;
	}

	.swiper-slider-bottom .slider-outer {
		min-height: auto;
	}

	.swiper-slider-bottom .mySwiper-bottom .swiper-slide {
		margin: 0 !important;
	}

	.mySwiper-bottom .swiper-wrapper {
		max-width: 220px;
		margin: 0 auto 40px auto;
	}

	.swiper-slider-bottom .slider-outer {
		position: initial;
	}

	.swiper-slider-bottom .mySwiper2-bottom .swiper-slide {
		min-height: auto;
	}

	.side-view-list-item .image::before {
		right: 15%;
		bottom: 15%;
	}

	.side-view-list-item .content h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.side-view-list-item {
		row-gap: 20px;
	}

	.our-promis .container {
		min-height: 244px;
	}

	.center-slider .swiper-slide .content h3 {
		font-size: 20px;
	}

	.page-template-html-about-php .pagebanner-about h1 {
		margin-top: 10px;
	}

	.hm-after-white .content p+p {
		margin-top: 10px;
	}

	.after-white-item+.after-white-item {
		margin-top: 30px;
	}

	.pagebanner-about p+p {
		margin-top: 15px;
	}

	.sub-banner.pagebanner-about .left-side,
	.sub-banner.pagebanner-about .right-side {
		width: 100%;
	}

	.sub-banner.pagebanner-about .container {
		min-height: auto;
		padding: 60px 15px;
	}

	.sub-banner[class*="pagebanner-"] h1 {
		margin: 0;
	}

	.side-view-list {
		row-gap: 30px;
	}

	.after-white-item:nth-child(even) {
		flex-direction: initial;
	}

	[class*="pagebanner-"] h1 {
		font-size: 20px;
		margin-top: 50px;
		line-height: 23px;
	}

	.after-white-content .btn {
		margin-top: 20px;
	}

	.after-white-item {
		row-gap: 20px;
		flex-wrap: wrap;
	}

	.after-white-image::after {
		display: none;
	}

	.touch-with-us {
		padding-bottom: 50px;
	}

	.touch-with-us .content {
		margin-top: 50px;
	}

	.after-white {
		padding: 40px 0;
	}

	.after-white-content {
		width: 100%;
		padding: 0;
	}

	.chaiman-msg {
		padding: 50px 0;
	}

	.side-view-list {
		padding: 50px 0;
	}

	.side-view-list::before {
		display: none;
	}

	.side-view-list-item .content {
		padding: 0;
	}

	.chaiman-msg .container {
		flex-wrap: wrap;
		padding: 30px 15px;
		row-gap: 30px;
	}

	.our-promis .content span {
		font-size: 14px;
	}

	.swiper-slider-bottom {
		padding: 50px 0;
	}

	.swiper.bottom-slider .swiper-slide .content {
		margin: 0 auto;
		max-width: 80%;
	}

	.swiper-slider-bottom .swiper-button-next,
	.swiper-slider-bottom .swiper-button-prev {
		width: 42px;
		height: 42px;
		padding: 10px;
	}

	.swiper-slider-bottom .pos-img {
		display: none;
	}

	.swiper.bottom-slider {
		position: initial;
		height: auto;
	}

	.chaiman-msg .msg-colum img {
		max-width: 30px;
	}

	.our-promis .content h2 {
		font-size: 20px;
	}

	.chaiman-msg .msg-colum p {
		margin: 10px 0 0 0;
	}

	.chaiman-msg .msg-colum {
		width: 100%;
		max-width: 100%;
	}

	.chaiman-msg .msg-colum {
		padding: 0;
	}

	.side-view-list-item {
		row-gap: 20px;
	}

	.side-view-list-item>* {
		width: 100%;
	}

	.pagebanner-about .container {
		flex-wrap: wrap;
		row-gap: 20px;
		padding-top: 78px;
	}

	[class*="pagebanner-"] .container {
		align-content: center;
	}

	.pagebanner-about .container>* {
		width: 100%;
	}

	.related-news h2 {
		margin: 0 0 20px 0;
	}

	.related-news {
		padding: 40px 0;
	}

	.pagebanner-image .content h1 {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.news-detail-section {
		padding: 50px 0;
		position: relative;
	}

	.news-detail-section p {
		margin-bottom: 10px;
	}

	.news-detail-section img {
		margin-bottom: 15px;
	}

	.news-list-item {
		width: 48%;
	}

	.news-section {
		padding: 40px 0;
	}

	.header .nav-bar::after {
		bottom: 55px;
	}

	.header .menu-ul li {
		width: 100%;
	}

	.header .menu-ul li+li {
		margin: 10px 0 0 0;
	}

	.header .menu-ul a {
		font-size: 20px;
	}

	.header {
		padding: 10px 0;
	}

	.mail-number {
		padding: 20px 0;
	}

	.footer-top .container {
		flex-wrap: wrap;
		min-height: auto;
		padding: 50px 15px;
	}

	.footer-top .right-side {
		justify-content: flex-start;
	}

	.contact-form li+li {
		margin-top: 10px;
	}

	.form-control {
		height: 38px;
	}

	.contact-form li+li:last-child {
		margin-top: 15px;
	}

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

	.footer-top .right-side {
		margin-top: 30px;
	}

	.footer-detail {
		margin-left: 10%;
	}
	.footer-detail p br{
		display: none;
	}
	.footer-top .right-side ul{
		width: 50%;
	}
	.footer-top .right-side p {
		margin-bottom: 10px;
	}
	.contact-form,
	.contact-form-detail {
		width: 100%;
	}

	.contact-form-detail {
		padding: 0;
		margin-top: 30px;
	}

	.contact-page-form::after {
		display: none;
	}

	textarea.form-control {
		min-height: 100px;
		padding: 15px 15px;
	}

	.contact-page-form {
		padding: 40px 0;
	}

	.contact-form ul,
	.contact-form-detail ul {
		margin: 16px 0 0 0;
	}

	.btn {
		padding: 0 30px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		min-width: auto;
	}

	.header .site-logo {
		margin-left: 15px;
	}

	.header .site-logo {
		margin-left: 15px;
		max-width: 77px;
	}

	.header .right-options>*:not(.search-pannel) {
		width: auto;
		padding: 0 15px;
	}

	.header .right-options {
		height: auto;
	}

	.header .right-options {
		justify-content: flex-end;
	}

	.search-pannel {
		right: calc(60% - 30px);
	}

	.news-list-image {
		margin-bottom: 7px;
	}

	.pagebanner-image .content {
		bottom: 20px;
	}

	.center-content h2 {
		line-height: 25px;
		margin: 10px 0 10px 0;
	}

	.our-businesses {
		padding-bottom: 60px;
	}
	.search-results .item{
		width: 100%;
	}
	.search-results .search-content h2{
		font-size: 17px;
	}
	.search-no-results .page-title{
		font-size: 26px;
	}
	.search-no-results .page-content p{
		font-size: 14px;
	}
	.swiper-slider-bottom .swiper-button-next,
	 .swiper-slider-bottom .swiper-button-prev{
		z-index: 999;
	 }
}

@media (max-width: 640px) {
	.error-404 h1 {
		font-size: 24px;
	}

	.hm-after-white {
		padding-top: 40px;
	}

	.what-we-do {
		padding: 40px 0;
	}

	.touch-with-us {
		padding-bottom: 40px;

	}

	.touch-with-us .left-side {
		width: 100%;
	}

	.btn {
		padding: 0 20px;
		height: 36px;
		line-height: 36px;
		font-size: 12px;
	}

	.touch-with-us .content {
		flex-wrap: wrap;
		margin-top: 40px;
		row-gap: 20px;
	}

	.error-404 h4 {
		font-size: 14px;
		line-height: 1.2;
	}

	.error-404 ul {
		margin-left: 20px;
	}

	.error-404 h3 {
		margin: 16px 0 10px 0;
		font-size: 18px;
		line-height: 1;
	}

	.error-404 ul li {
		font-size: 13px;
	}

	.error-404 .btn {
		margin-top: 25px;
	}

	.error-404 {
		padding: 30px 30px 0 30px;
	}
}

@media (max-width: 360px) {
	body {
		--fz-45: 20px;
	}

	.news-list-item {
		width: 100%;
	}
}