@media(max-width: 1700px) {
	.wpo-site-header {
		padding: 0;
	}

	.wpo-hero-section-1 .right-img2 {
		left: 38px;
	}
}

@media(max-width: 1600px) {
	.index-slogen-sec__bg,
	.about-certificate-sec__bg,
	.about-contact-sec__bg
	 {
		position: absolute;
		left: 50%;
		top: 50%;
		width: auto;
		height: 100%;
		transform: translate(-50%, -50%);
	}

	.index-about-sec__box.first .index-about-sec__box-text {
		padding: 100px 20px 0 85px;
	}

	.index-about-sec__box.sec .index-about-sec__box-text {
		padding: 0 85px 0 7vw;
	}

	.index-about-sec__box.third .index-about-sec__box-text {
		padding: 100px 3vw 0 85px;
	}

	.index-about-sec__box.fourth .index-about-sec__box-text {
		padding: 0 85px 0 7vw;
	}

}


@media(max-width: 1500px) {
	.wpo-site-header #navbar>ul>li>a {
		padding: 30px 15px;
	}

	.wpo-site-header {
		padding: 0;
	}

	.wpo-hero-section-1 .right-img2 {
		left: 18px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
		right: 20px;
	}

}

@media(max-width: 1400px) {
	.wpo-site-header #navbar>ul>li>a {
		padding: 30px 10px;
		font-size: 18px;
	}
}

@media(max-width: 1399px) {

	.wpo-hero-slider {
		height: calc(100vh - 87px);
	}

	.grid-lines .line-center {
		left: calc(50% - 14px);
	}

	.about-team-sec__text-outer {
		padding-left: 50px;
	}

	.about-team-sec:nth-of-type(even) .about-team-sec__text-outer {
		padding-left: 0;
		padding-right: 50px;
	}

	.about-process-sec__img>.row>div[class*="col-"]>img {
		height: 160px;
	}

	.contact-box iframe {
		height: 167px;
		margin-top: 20px;
	}

	.about-boss-sec__color-block {
		width: calc((100vw - 1140px) / 2 + (1140px * 0.416 / 2));
	}

	.about-quality-sec__color-block {
		width: calc((100vw - 1140px) / 2 + (1140px / 4));
	}

	.index-news-sec__link {
		padding: 20px 0;
	}
}


@media(max-width: 1300px) {
	.wpo-site-header .navigation>.container>.row>.col-lg-3 {
		width: 22%;
	}
	.wpo-site-header .navigation>.container>.row>.col-lg-7 {
		width: 63%;
	}
	.wpo-site-header .navigation>.container>.row>.col-lg-2 {
		width: 15%;
	}
}


@media(max-width: 1200px) {

	.wpo-site-header #navbar>ul>li>a {
		padding: 30px 6px;
		font-size: 16px;
	}

	.wpo-site-header .header-right .theme-btn {
		font-size: 16px;
		padding: 11px 20px;
	}

	.wpo-hero-section-1 .right-img2 {
		left: 0;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .wpo-hero-title h2 {
		font-size: 45px;
		line-height: 50px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 {
		height: 700px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
		right: 20px;
		top: 35%;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client {
		position: absolute;
		left: -85px;
		bottom: 35%;
	}

	.wpo-about-section .wpo-about-text h2 {
		font-size: 35px;
	}

	.wpo-service-section .wpo-service-item {
		padding: 30px;
	}

	.wpo-service-section .wpo-service-item .wpo-service-text h2 {
		font-size: 25px;
	}



	/* pricing */
	.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item {
		padding: 30px 20px;
	}

	/* testimonial */
	.wpo-testimonial-section {
		padding-top: 20px;
		padding-bottom: 80px;
	}

	.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm {
		padding: 20px 10px;
	}

	.wpo-site-footer .wpo-service-link-widget {
		padding-left: 30px;
	}

	.wpo-site-footer .about-widget ul li+li {
		margin-left: 15px;
	}
}


@media(max-width: 1199px) {

	.wpo-site-header .header-right .close-form .theme-btn,
	.wpo-site-header .header-right .close-form .theme-btn-s3,
	.wpo-site-header .header-right .close-form .theme-btn-s4,
	.wpo-site-header .header-right .close-form .view-cart-btn {
		padding: 9.5px 11px 9.5px 12px;
	}

	.wpo-site-header .header-right>div {
		margin-right: 0;
	}

	.wpo-site-header .header-right .search-toggle-btn {
		width: 45px;
	}

	.wpo-site-header .header-right .header-search-form-wrapper .fi:before {
		font-size: 1.06rem;
	}

	.wpo-site-header #navbar>ul>li>a {
		font-size: 15px;
	}

	.about-boss-sec_2__img-outer {
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.about-boss-sec_2__img-outer {
		margin: 0 -30px;
	}

	.about-boss-sec_2__img-wrap,
	.about-boss-sec_2__img2 {
		padding: 0 30px;
		width: 50%;
	}

	.about-company-sec__box {
		padding: 40px 15px 36px 0;
	}
	.wpo-hero-slider {
		height: calc(100vh - 84px);
	}

	.slide__text br{
		display: none;
	}

	.about-boss-sec_2__img,
	.about-boss-sec_2__img2 {
		width: 550px;
		margin: 0 auto;
	}
	.about-boss-sec_2__img2 {
		margin-top: 40px;
	}

	.about-boss-sec_2__img {
		margin-top: 0;
	}

	.order-1-lg {
		order: 1;
	}

	.about-boss-sec_2__text {
		padding-right: 0;
	}


	.about-team-sec__text-outer {
		padding-left: 20px;
	}

	.about-team-sec:nth-of-type(even) .about-team-sec__text-outer {
		padding-left: 0;
		padding-right: 20px;
	}


	.slide-title__en-sub {
		font-size: 19.2px;
	}

	.about-process-sec__box-num {
		font-size: 110px;
		width: 68px;
		height: 100px;
	}



	.wpo-about-wrap {
		margin-bottom: 60px;
	}

	.about-quality-sec__text {
		padding-left: 0;
	}

	.about-process-sec__img>.row>div[class*="col-"]>img {
		height: 129px;
	}



	.about-team-sec__name-inner {
		font-size: 40px;
	}



	.about-team-sec__img {
		padding-right: 30px;
	}

	.about-team-sec:nth-of-type(even) .about-team-sec__img {
		padding-left: 30px;
	}


	.about-team-sec__img>img {
		padding: 10px;
	}


	.about-boss-sec__disc p {
		font-size: 16px;
	}

	.about-boss-sec__text {
		padding-left: 0;
		margin-top: 0;
	}


	.wpo-service-section.wpo-service-section-s2 .wpo-service-item .wpo-service-text h2,
	.wpo-service-section.wpo-service-section-s2 .wpo-service-item .wpo-service-text .wpo-service-text__inner {
		font-size: 22px;
		margin-bottom: 11px;
	}



	.about-intro-sec__disc p {
		font-size: 16px;
	}


	.contact-box iframe {
		height: 203px;
		margin-top: 40px;
	}

	.wpo-breadcumb-area .wpo-breadcumb-wrap h2,
	.wpo-breadcumb-area .wpo-breadcumb-wrap .wpo-breadcumb-wrap__inner {
		font-size: 42px;
		margin-bottom: 10px;
	}

	.wpo-breadcumb-area {
		min-height: 300px;
	}

	.product-list-sec__title {
		font-size: 28px;
	}

	.about-quality-sec__color-block,
	.about-boss-sec__color-block {
		display: none;
	}

	.wpo-hero-slider .slide-text p,
	.theme-btn,
	.view-cart-btn,
	.theme-btn-s3,
	.theme-btn-s4,
	.index-about-sec__box .index-about-sec__box-text p,
	.index-slogen-sec p,
	.index-news-sec__title,
	.index-about-sec__indent-text {
		font-size: 16px;
	}


	.index-news-sec__title {
		margin-right: 30px;
	}

	.index-news-sec__date {
		font-size: 34px;
	}

	.index-news-sec__month,
	.index-news-sec__title-date
	 {
		font-size: 16px;
	}

	.index-news-sec__time {
		margin-right: 30px;
		width: 120px;
	}

	.index-news-sec__title-date {
		width: 100px;
		margin-right: 26px;
	}

	.index-news-sec__link {
		padding: 15px 0;
	}


	.prod-box__title {
		font-size: 18px;
	}

	.index-slogen-sec__title,
	.about-contact-sec__title {
		font-size: 38px;
	}


	.wpo-site-header #navbar>ul>li .sub-menu a {
		font-size: 15px;
	}


	.footer__copy-right {
		flex-wrap: wrap;
		justify-content: center;
	}

	.index-about-sec__box.first .index-about-sec__box-img,
	.index-about-sec__box.sec .index-about-sec__box-img,
	.index-about-sec__box.third .index-about-sec__box-img,
	.index-about-sec__box.fourth .index-about-sec__box-img {
		padding: 0;
	}

	.index-about-sec__box.first .index-about-sec__box-text {
		padding: 60px 30px 0 30px;
	}

	.index-about-sec__box.sec .index-about-sec__box-text {
		padding: 0 30px 0 50px;
	}

	.index-about-sec__box.third .index-about-sec__box-text {
		padding: 0px 30px 0 30px;
	}


	.index-about-sec__box.fourth .index-about-sec__box-text {
		padding: 0 30px 0 50px;
	}

	.index-about-sec__box.first .index-about-sec__box-bg {
		top: 20px;
	}

	.index-about-sec__box.sec .index-about-sec__box-bg {
		position: absolute;
		right: -86px;
		top: -10vw;
		height: calc(100% + 19vw);
	}

	.index-about-sec__box.third .index-about-sec__box-bg {
		position: absolute;
		left: -3vw;
		top: 0vw;
		height: calc(100% + 12vw);
	}

	.index-about-sec__box.first .index-about-sec__box-bg,
	.index-about-sec__box.sec .index-about-sec__box-bg,
	.index-about-sec__box.third .index-about-sec__box-bg,
	.index-about-sec__box.fourth .index-about-sec__box-bg {
		opacity: 0.8;
	}

	.index-about-sec__box.sec,
	.index-about-sec__box.third,
	.index-about-sec__box.fourth {
		padding-top: 40px;
	}

	.index-slogen-sec {
		padding: 110px 0 100px;
	}


	.wpo-section-title h2,
	.wpo-section-title .wpo-section-title__inner,
	.wpo-section-title .high-light-text,
	.wpo-section-title span.wpo-section-title__inner-inner {
		font-size: 34px;
	}

	.wpo-section-title span {
		font-size: 15px;
	}

	.index-about-sec .wpo-section-title {
		margin-bottom: 20px;
	}

}





@media(max-width: 991px) {

	.index-news-sec__title {
		width: calc(100% - 340px);
		margin-right: 10px;
	}

	.index-news-sec__icon {
		width: 50px;
	}

	.index-news-sec__title-date {
		margin-right: 10px;
	}

	.index-news-sec__time {
		margin-right: 10px;
		width: 110px;
	}

	.about-company-sec__title {
		margin-bottom: 15px;
		margin-top: 40px;
	}

	.slide__content {
		width: 100%;
	}

	.slide__text-box {
		right: 50%;
		transform: translate(50%, calc(-50% - 63px));
		background-color: rgb(255 255 255 / 95%);
		padding: 50px 65px;
		width: 69vw;
	}

	.slide__title {
		font-size: 36px;
	}


	.wpo-contact-pg-section .wpo-contact-title {
		padding-right: 0;
	}

	.grid-lines .line-center {
		left: calc(50%);
	}

	.index-about-sec__box.first .index-about-sec__box-img,
	.index-about-sec__box.sec .index-about-sec__box-img,
	.index-about-sec__box.third .index-about-sec__box-img,
	.index-about-sec__box.fourth .index-about-sec__box-img {
		padding: 0 15px;
	}

	.about-team-sec__text-outer {
		padding-left: 0;
	}

	.about-team-sec:nth-of-type(even) .about-team-sec__text-outer {
		padding-left: 0;
		padding-right: 0;
	}

	#dl-menu ul {
		top: 58px;
	}

	.about-intro-sec__text .wpo-section-title {
		margin-bottom: 30px;
	}

	.wpo-about-wrap {
		margin-bottom: 40px;
	}

	.slide-title__en-sub {
		font-size: 17px;
		margin-bottom: 0;
	}

	.about-certificate-sec__text {
		padding-right: 0;
		margin-bottom: 50px;
	}

	div[class*="col-"]:nth-child(4n) .about-process-sec__box:after {
		content: '';
		width: 20px;
		height: 20px;
		background-image: url(../images/demo/technology/2_icon.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 17px;
		position: absolute;
		top: 50%;
		right: -3px;
		transform: translate(100%, -50%);
		z-index: 1;
	}



	div[class*="col-"]:nth-child(2n) .about-process-sec__box:after,
	div[class*="col-"]:last-child .about-process-sec__box:after {
		content: none;
	}



	.about-team-sec:nth-of-type(even) .row>div[class*="col-"]:last-child {
		order: -1;
	}

	.about-team-sec__img {
		padding-right: 0;
		margin-bottom: 50px;
		margin-top: 0;
	}

	.about-team-sec:nth-of-type(even) .about-team-sec__img {
		padding-left: 0;
	}


	.wpo-service-section.wpo-service-section-s2 .wpo-service-item {
		height: initial;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}



	.about-history-sec__intro {
		font-size: 16px;
		width: calc(100% - 260px);
	}

	.about-history-sec__time {
		font-size: 18px;
		width: 190px;
	}

	.about-company-sec__box-outer>div[class*="col-"]:first-child .about-company-sec__box {
		border-right: none;
	}

	.about-company-sec__box {
		padding: 0;
		margin-bottom: 0;
	}


	.about-intro-sec__text {
		padding-left: 0;
		padding-top: 0;
	}

	.about-intro-sec__img {
		width: 455px;
		margin: 0 auto;
	}


	.about-intro-sec {
		background-size: cover;
	}


	.contact-box .contact-box__info {
		padding-left: 0;
	}

	.contact-box .image_warp {
		margin-right: 0;
	}


	.wpo-contact-pg-section .wpo-contact-title {
		max-width: 100%;
	}

	.contact-sec__bg {
		display: none;
	}

	.product-info-sec__text {
		padding-left: 30px;
	}

	.product-info-sec__title {
		font-size: 26px;
		line-height: 1.3;
	}

	.theme-btn--prod-list {
		margin-top: 15px;
		font-size: 14px;
	}

	.list-prod-box__img-wrap {
		padding: 8px;
	}

	.product-list-sec__title {
		font-size: 25px;
		line-height: 1.3;
	}

	.product-list-sec__disc p {
		font-size: 16px;
	}

	.cookies__btn>.default-btn {
		padding: 5px 10px;
	}

	.cookies__text {
		margin-right: 15px;
	}

	.index-about-sec__box.first .index-about-sec__box-bg {
		top: 0;
	}

	.section-padding {
		padding: 100px 0;
	}

	.index-about-sec__box.fourth {
		padding-bottom: 100px;
	}

	#dl-menu {
		top: 6px;
	}

	.wpo-site-header .header-right {
		position: absolute;
		right: 78px;
		top: 6px;
	}

	.navbar-brand {
		max-width: initial;
		width: 260px;
	}

	.index-news-sec__img {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.footer__link-sub {
		font-size: 13px;
	}

	.footer__link-title {
		font-size: 17px;
		margin-bottom: 6px;
	}

	.index-about-sec__box.first {
		padding-top: 80px;
	}

	.index-about-sec__box-text,
	.index-about-sec__box-img {
		width: 720px !important;
		margin: 0 auto;
	}


	.index-about-sec__box.first .index-about-sec__box-img>img,
	.index-about-sec__box.sec .index-about-sec__box-img>img,
	.index-about-sec__box.third .index-about-sec__box-img>img,
	.index-about-sec__box.fourth .index-about-sec__box-img>img {
		padding: 5px 15px 15px;
	}


	.index-about-sec__box.first .index-about-sec__box-text,
	.index-about-sec__box.sec .index-about-sec__box-text,
	.index-about-sec__box.third .index-about-sec__box-text,
	.index-about-sec__box.fourth .index-about-sec__box-text {
		padding: 15px 15px 0;
	}


	.index-about-sec__box.first .index-about-sec__box-bg,
	.index-about-sec__box.sec .index-about-sec__box-bg,
	.index-about-sec__box.third .index-about-sec__box-bg,
	.index-about-sec__box.fourth .index-about-sec__box-bg {
		width: 100%;
	}

	.index-about-sec__box.sec .index-about-sec__box-bg {

		top: -28vw;
	}

	.index-about-sec__box-text {
		order: 0;
	}

	.index-about-sec__box-img {
		order: 1;
	}


	.wpo-hero-section-1 .right-img2 {
		left: -15px;
	}

	.wpo-hero-section-text .video-holder {
		position: absolute;
		left: 210px;
		bottom: -35px;
		top: auto;
		right: auto;
	}

	.wpo-hero-section-text .video-holder a {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}

	.wpo-hero-section-text .video-holder a .fi {
		font-size: 20px;
	}

	.wpo-hero-section-text .video-holder a:before {
		left: -9px;
		top: -9px;
	}

	.right-img {
		display: none;
	}

	.wpo-hero-section-1 {
		height: 700px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img {
		padding-top: 20px;
		margin-top: 50px;
		border-top: 1px solid #ffff;
		padding: 20px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client {
		position: relative;
		left: 0;
		bottom: -30px;
		width: 450px;
		left: 0;
		margin: 0 auto;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .svg-shape {
		display: none;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
		position: relative;
		left: -80px;
		top: 80px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder a {
		width: 60px;
		height: 60px;
		line-height: 65px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
		left: 30%;
		top: -45px;
		right: auto;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder a:before {
		left: -8px;
		top: -8px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-img {
		width: 100%;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
		left: 60%;
		top: 0;
	}

	.wpo-features-section .wpo-features-item {
		margin-bottom: 30px;
	}

	.wpo-features-section {
		padding-bottom: 70px;
	}

	/*===================== 
about 
=================*/
	.wpo-about-section .wpo-about-wrap .wpo-about-img {
		margin: unset;
	}

	.wpo-about-section .wpo-about-text {
		margin: unset;
		margin-top: 50px;
	}

	.wpo-about-section {
		padding: 60px 0 120px;
	}

	/* pricing */
	.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item {
		margin-bottom: 30px;
	}

	.wpo-pricing-section {
		padding-bottom: 90px;
	}

	.wpo-support-section .wpo-support-wrapper .wpo-support-text {
		margin-bottom: 30px;
	}

	.wpo-blog-section .wpo-blog-item {
		margin-bottom: 30px;
	}

	.wpo-blog-section {
		padding-bottom: 90px;
	}

	.wpo-blog-section {
		padding-bottom: 60px;
	}

	.wpo-site-footer .wpo-service-link-widget {
		padding-left: 0px;
	}



}


@media (max-width: 767px) {


	.en-version .wpo-blog-pg-section__product-tab-nav li {
		width: 100%;
	}


	/*.index-news-sec__list {
		min-height: 350px;
	}*/

	.sitemap-box__title:after {
		width: 74%;
	}

	.index-news-sec__time {
		margin-right: 30px;
		width: 100px;
		padding: 5px;
	}

	.index-news-sec__title {
		width: calc(100% - 40px);
		margin-right: 0;
		margin-bottom: 0;
		margin-top: 10px;
	}

	.index-news-sec__icon {
		width: 20px;
	}

	.index-news-sec__icon {
		margin-top: 0;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
	}

	.index-news-sec__link {
		flex-wrap: wrap;
		justify-content: flex-start;
		position: relative;
	}

	.about-boss-sec_2__img-outer {
		margin: 0;
		flex-wrap: wrap;
	}

	.about-boss-sec_2__img-wrap,
	.about-boss-sec_2__img2 {
		padding: 0;
		width: 550px;
	}
	.about-boss-sec_2__img2 {
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 40px;
	}

	.slide--mb__title {
		font-size: 31px;
		margin-bottom: 14px;
	}

	.slide--mb__en-sub {
		font-size: 13px;
	}

	.slide--mb__text br {
		display: none;
	}

	.slide--mb__text p {
		font-size: 16px;
	}

	.wpo-service-section.wpo-service-section-s3 .owl-dots {
		margin-top: 15px;
	}

	.about-boss-sec_2__img {
		width: 100%;
	}

	.color-block.left:after,
	.color-block.right:after {
		content: none;
	}

	.prod-box__icon,
	.list-prod-box:hover .list-prod-box__icon {
		display: none
	}

	.prod-box__img-wrap:before,
	.list-prod-box__img-wrap:before {
		content: none;
	}

	.design-block {
		display: inline-block;
	}

	.design-block__line {
		display: none;
	}

	.footer__copy-right-text {
		text-align: center;
	}

	.slide-title__en-sub {
		font-size: 12.9px;
	}


	.about-process-sec__img>.row>div[class*="col-"]>img {
		height: 147px;
	}


	.about-history-sec__list {
		margin-top: 30px;
	}

	.about-history-sec__list td {
		padding: 0px 0 37px;
		display: block;
		width: 100%;
	}

	.about-history-sec__time {
		font-size: 16px;
		width: 100%;
		margin-bottom: 14px;
		top: 0;
		padding: 9px 15px;
	}

	.about-history-sec__intro {
		font-size: 16px;
		width: 100%;
	}

	.about-history-sec__intro p {
		font-size: 16px;
	}




	.about-intro-sec__img {
		width: 400px;
	}

	.about-intro-sec__img .about-intro-sec__img-inner:nth-child(2) {
		left: -58px;
		top: -63px;
	}

	.about-intro-sec__img {
		margin: 63px auto 0;
	}

	.about-intro-sec__text {
		padding-top: 20px;
	}

	.wpo-contact-pg-section .wpo-contact-title h2 {
		font-size: 28px;
	}

	.contact-box .title {
		font-size: 24px;
		margin-bottom: 20px
	}

	.contact-box iframe {
		margin-top: 20px;
	}

	.wpo-blog-section .wpo-blog-content .wpo-blog-content-top {
		padding: 20px 16px 20px;
	}

	.wpo-blog-section .wpo-blog-content .wpo-blog-content-top .wpo-blog-thumb span {
		padding: 5px 11px;
	}

	.wpo-blog-thumb__time:before {
		width: 13px;
	}

	.wpo-blog-section .wpo-blog-content .wpo-blog-content-top h2,
	.wpo-blog-section .wpo-blog-content .wpo-blog-content-top .wpo-blog-content-top__inner {
		font-size: 16px;
	}

	.product-info-sec__title {
		font-size: 28px;
		margin-bottom: 5px;
	}

	.product-info-sec__title:before,
	.product-info-sec__title:after {
		content: none;
	}

	.product-info-sec__title.mb {
		display: block;
	}

	.product-info-sec__title.pc {
		display: none;
	}

	.product-info-sec__text {
		padding-left: 0;
	}

	.wpo-blog-pg-section__product-tab {
		margin-top: 60px;
	}

	.wpo-blog-pg-section {
		margin-bottom: 60px;
	}

	.wpo-breadcumb-area {
		min-height: 250px;
	}

	.wpo-breadcumb-area .wpo-breadcumb-wrap h2,
	.wpo-breadcumb-area .wpo-breadcumb-wrap .wpo-breadcumb-wrap__inner {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.list-prod-box {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.wpo-hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
	.wpo-hero-slider .swiper-pagination-custom,
	.wpo-hero-slider .swiper-pagination-fraction {
		bottom: 20px;
	}

	.slide-text br {
		display: none;
	}

	.wpo-hero-slider.wpo-hero-slider--pc {
		display: none;
	}

	.wpo-hero-slider.wpo-hero-slider--mb {
		display: block;
	}

	.wpo-site-header .header-right .close-form .theme-btn,
	.wpo-site-header .header-right .close-form .theme-btn-s3,
	.wpo-site-header .header-right .close-form .theme-btn-s4,
	.wpo-site-header .header-right .close-form .view-cart-btn {
		padding: 9.5px 15px 9.5px 18px;
	}

	.wpo-site-header .header-right>div {
		margin-right: 4px;
		margin-top: 3px;
	}

	#dl-menu {
		top: 9px;
	}

	.footer {
		overflow: hidden;
	}

	.footer__deco-1 {
		width: 20vw;
	}

	.footer__deco-2 {
		width: 30vw;
	}

	.footer__list {
		flex-wrap: wrap;
	}

	.footer__item {
		width: calc(100% / 3);
	}

	.header-right .theme-btn {
		padding: 20px 12px;
	}

	.wpo-hero-section-1 .wpo-hero-title h2 {
		font-size: 50px;
		line-height: 50px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client {
		width: 100%;
		padding: 18px 15px;
		display: block;
		text-align: center;
		bottom: -15px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client .wpo-happy-client-slide {
		max-width: 216px;
		margin-left: 25px;
		margin: 0 auto;
		margin-top: 10px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
		left: 265px;
		top: -20%;
	}

	.wpo-hero-section-1.wpo-hero-section-2 {
		height: 750px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
		left: 20px;
		top: 6px;
	}

	.wpo-site-header .header-right .close-form {
		/*display: none;*/
	}


	.wpo-about-section {
		padding: 40px 0 80px;
	}

	.wpo-service-section {
		padding-bottom: 70px;
	}

	.wpo-testimonial-section .wpo-testimonial-title h2 {
		font-size: 32px;
		padding-left: 80px;
	}

	.wpo-testimonial-section .wpo-testimonial-title h2 i {
		width: 80px;
		height: 80px;
		line-height: 90px;
		font-size: 30px;
		left: 0;
		top: -65px;
	}

	.wpo-support-section .wpo-support-wrapper {
		padding: 40px 20px;
	}

	.wpo-support-section .wpo-support-wrapper .wpo-support-text h2 {
		font-size: 30px;
	}

	.wpo-hero-section-text .video-holder {
		left: 160px;
		bottom: -42px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .wpo-hero-title h2 {
		font-size: 36px;
		line-height: 50px;
	}
}


@media (max-width: 680px) {
	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
		left: -60px;
		top: 6px;
	}
}

@media (max-width: 575px) {

	.index-news-sec__date {
		font-size: 32px;
	}

	.index-news-sec__month {
		letter-spacing: 0;
	}

	.slide--mb__title {
		font-size: 28px;
	}


	.slide--mb__text-box {
		padding: 7vw 7vw;
	}


	.contact-box .title {
		font-size: 19px;
		padding: 11px 15px;
	}

	.product-list-sec__title br {
		display: none;
	}

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		padding-right: 24px;
		padding-left: 24px;
	}

	.index-about-sec__box.first .index-about-sec__box-img,
	.index-about-sec__box.sec .index-about-sec__box-img,
	.index-about-sec__box.third .index-about-sec__box-img,
	.index-about-sec__box.fourth .index-about-sec__box-img {
		padding: 0 0;
	}

	.index-about-sec__box.first .index-about-sec__box-text,
	.index-about-sec__box.sec .index-about-sec__box-text,
	.index-about-sec__box.third .index-about-sec__box-text,
	.index-about-sec__box.fourth .index-about-sec__box-text {
		padding: 15px 0 0;
	}

	div[class*="col-"]:not(:nth-child(4n)) .about-process-sec__box:after {
		content: none;
	}

	.about-intro-sec__text {
		padding-top: 0;
	}

	.about-certificate-sec__img img {
		width: 100%;
		margin-bottom: 30px;
	}

	.about-process-sec__img>.row>div[class*="col-"]>img {
		height: 60vw;
	}

	.cookies__inner {
		flex-wrap: wrap;
		justify-content: center;
	}

	.cookies__text {
		margin-bottom: 5px;
	}

	.cookies {
		padding: 20px 0;
	}

	.cookies__btn>.default-btn {
		font-size: 16px;
	}

	.section-padding {
		padding: 80px 0;
	}

	.wpo-section-title--hr .wpo-section-title__inner:before {
		width: calc(100% + 35px);
	}

	.wpo-section-title h2,
	.index-slogen-sec__title,
	.about-contact-sec__title {
		font-size: 32px;
	}

	#dl-menu {
		top: 5px;
	}

	.navbar-brand {
		width: 210px;
	}

	.wpo-site-header .header-right {
		right: 73px;
		top: 2px;
	}

	.wpo-site-header .header-right>div {
		margin-right: 4px;
	}

	.wpo-hero-section-1 {
		height: 400px;
	}

	.wpo-hero-section-1 .wpo-hero-title-top span {
		font-size: 18px;
	}

	.wpo-hero-section-1 .wpo-hero-title h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.wpo-hero-section-1 .wpo-hero-subtitle p {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 30px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
		left: 0;
		top: 10px;
	}

	.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
		left: 195px;
		top: -20%;
	}

	.wpo-hero-section-1.wpo-hero-section-2 {
		height: 720px;
	}

	.wpo-gallery-section .wpo-section-title-button {
		text-align: center;
		margin-bottom: 40px;
	}

	.wpo-gallery-section .wpo-section-title {
		text-align: center;
	}

	.wpo-testimonial-section .wpo-testimonial-title h2 {
		font-size: 26px;
		padding-left: 80px;
	}

	.wpo-testimonial-section .wpo-testimonial-title h2 i {
		top: -38px;
	}

	.wpo-gallery-section {
		padding: 100px 0 60px;
	}
}


@media (max-width: 480px) {

	.wpo-hero-slider--mb__container .theme-btn {
		padding: 10px 14px;
	}

	.about-contact-sec__title br {
		display: block;
	}

	.slide--mb__en-sub {
		font-size: 9px;
	}

	.slide--mb__title {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.slide--mb__text p {
		font-size: 15px;
	}

	.slide--mb__text-box {
		padding: 6.2vw 5.5vw 7vw;
		width: 90vw;
	}

	.slide--mb__text {
		margin-bottom: 15px;
	}

	.slide__btn {
		padding: 7px 48px 7px 13px;
	}

	.slide__btn:after {
		width: 36px;
		height: 14px;
		right: 10px;
		top: 12px;
		background-size: cover;
	}

	.about-team-sec__name-inner {
		font-size: 31px;
	}

	.about-team-sec__name {
		margin-bottom: 28px;
	}

	.editor-area .editor-area__title {
		font-size: 20px;
	}

	.wpo-section-title h2,
	.wpo-section-title .wpo-section-title__inner,
	.wpo-section-title .high-light-text,
	.wpo-section-title span.wpo-section-title__inner-inner {
		font-size: 30px;
	}

	.cookies__btn>.default-btn {
		font-size: 16px;
	}

	#dl-menu ul {
		top: 49px;
	}

	.wpo-site-header .header-right {
		right: 62px;
		top: 2px;
	}

	.wpo-site-header .header-right>div:last-child {
		margin: 3px 0 0 10px;
	}

	.wpo-site-header .header-right>div {
		margin-right: -2px;
	}

	.wpo-site-header .header-right .search-toggle-btn {
		width: 42px;
		height: 42px;
	}

	.wpo-site-header .header-right .close-form .theme-btn,
	.wpo-site-header .header-right .close-form .theme-btn-s3,
	.wpo-site-header .header-right .close-form .theme-btn-s4,
	.wpo-site-header .header-right .close-form .view-cart-btn {
		padding: 8px 11px 10px 11px;
	}

	.close-form__icon {
		display: none;
	}

	.navbar-brand {
		max-width: initial;
		width: 180px;
		position: relative;
		top: 2px;
	}

	.wpo-site-header .navigation {
		padding: 10px 0;
	}

	#dl-menu {
		top: 6px;
	}

	.dl-menuwrapper button {
		width: 42px;
		height: 42px;
	}

	.dl-menuwrapper button:after {
		width: 53%;
		height: 2px;
		top: 12px;
		left: 23%;
		box-shadow: 0 8px 0 #fff, 0 16px 0 #fff;
	}

	.footer__list {
		width: 360px;
	}

	.footer__item {
		width: calc(100% / 2);
	}

	.footer__deco-1 {
		width: 20vw;
		left: -78px;
		top: -64px;
		width: 46vw;
	}

	.footer__deco-2 {
		width: 40vw;
	}
}


@media (max-width: 400px) {
	.pagination-wrapper .pg-pagination li a {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

@media (max-width: 375px) {

.index-news-slider .slick-dots {
	margin-top: 0;
}

.index-news-sec__month,
.index-news-sec__title-date {
	font-size: 15px;
}

.index-news-sec__time {
	margin-right: 20px;
	width: 90px;
	padding: 2px;
}

.index-news-sec__title {
	width: calc(100% - 40px);
	margin-top: 8px;
}

.index-news-sec__icon {
	width: 18px;
}

.about-boss-sec_2__img2 {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
}

.slide--mb__text-box {
	transform: translateY(-6px);
}

.wpo-hero-slider .swiper-pagination-bullet-active {
	width: 9px;
	height: 9px;
}

.slide--mb__title {
    font-size: 22px;
}
.slide--mb__en-sub {
    font-size: 6px;
}
.slide--mb__text p {
    font-size: 14px;
}
.slide__btn {
    font-size: 13px;
}
.cookies__text>p {
    font-size: 14px;
}

	.slide-title__en-sub {
		font-size: 6px;
	}

	.wpo-hero-slider .slide-title h2,
	.wpo-hero-slider .slide-title .slide-title__inner {
		margin: 0px 0 20px;
	}

	.wpo-blog-pg-section__product-tab-nav li a {
		margin-right: 5px;
		padding: 17px 28px 20px;
	}

	.wpo-hero-slider .slide-title h2,
	.wpo-hero-slider .slide-title .slide-title__inner {
		font-size: 1.6rem;
	}

	.wpo-hero-slider .slide-text p {
		font-size: 14px;
		margin-bottom: 25px;
	}

	.cart-search-contact .header-search-form {
		top: 51px;
	}

	.navbar-brand {
		width: 150px;
	}

	.theme-btn,
	.view-cart-btn,
	.theme-btn-s3,
	.theme-btn-s4,
	.wpo-site-header .header-right .search-toggle-btn {
		filter: none;
	}

	.wpo-site-header .header-right {
		right: 58px;
	}

	.wpo-site-header .header-right>div {
		margin-right: -16px;
	}

	.wpo-site-header .header-right .theme-btn {
		font-size: 17px;
	}

	.wpo-site-header .header-right .search-toggle-btn,
	.close-form .theme-btn {
		background-color: transparent;
	}

	.wpo-site-header .header-right .search-toggle-btn:hover {
		background-color: transparent;
	}

	.wpo-site-header .header-right .search-toggle-btn:hover>i {
		color: #222222;
	}

	.close-form .theme-btn:hover .close-form__icon,
	.close-form .theme-btn:hover {
		color: #222222;
	}

	.close-form .theme-btn:hover {
		background-color: transparent;
	}

}