body{
	--ppl:100px;
	overflow-y: scroll!important;
}
/*container	*/
.application .container-fluid{
	width: 100%;
	max-width: 1920px;
	margin: auto;
}
.application .container-custom {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    padding-bottom: 30px;
}
.application .container-b-box{
	width: 100%;
    max-width: 1300px;
    margin: auto;
    padding: 30px 0 20px;
}
/*start setting*/
.content-page{
	background: #fff;
}
.content-page{}
.application h1,
.application h2,
.application h3,
.application h4,
.application h5,
.application h6,
.application p{
	color: #000;
	padding: 0;
	margin: 0;
}
/*.wrap .application h1,
.wrap .application h2,
.wrap .application h3,
.wrap .application h4,
.wrap .application h5,
.wrap .application h6,
.wrap .application p,
.wrap .application label,
.wrap .application a{
	font-family: 'Prompt', sans-serif!important;
}*/
.application h1,.application h2,.application h3,.application h4,.application h5,.application h6{
	line-height: 34px;
}

.application h1,
.application h2{
    font-weight: 700;
	font-size: 32px;
	line-height: 40px;
}
.application h3 {
	font-weight: 700;
	font-size: 26.8732px;
	line-height: 34px;
}
.application h4 {
	font-weight: 700;
	font-size: 20.429px;
	line-height: 28px;
}

.application p {
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
}
.application p.text-small{
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
}
.application .d-block{
	display: block;
}
.application .d-flex {
	display: flex;
}
.application .middle-center {
	position: absolute;
	display: table;
	width: 100%;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.application .w-100{
	width: 100%!important;
	height: 100%!important;
}
.application .p-0{
	padding: 0;
}
.application .img-fluid {
	max-width: 100%;
	height: auto;
} 
.application .mx-auto{
	margin: auto;
}
.application .col-center{
	float: none;
	margin: 0 auto;
}
.application .mscolor {
	color: var(--msColor)!important;
}
.application .bgmscolor{
	background: var(--msColor)!important;
}
.application .height100{
	height: 100%;
}
.application .text-light{
	color: #fff!important;
}
.application .owl-carousel .owl-item img {
	display: block;
	width: auto;
}
.application .owl-nav button.owl-prev {
	background: #fff0!important;
}
.application .owl-nav button.owl-next {
	background: #fff0!important;
}
.application .owl-dots button.owl-dot.active {
    background-color: var(--msColor)!important;
}
.application .owl-nav button.owl-prev.disabled,
.application .owl-nav button.owl-next.disabled{
	color: #fff0!important;
}
.application .owl-nav span{
	font-size: 40px;
	font-weight: 300;
}
.application .imgh{
	width: 100%!important;
	height: 100vh!important;
	display: block;
}
.application .more_product {
	display: block;
	padding-top: 50px;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	color: #222222;
	text-decoration: underline;
}
.application .more_product:hover {
	cursor: pointer;
	color: var(--msColor);
}
.application .btn-read {
    display: block;
    background: var(--msColor);
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    padding: 5px 15px 6px;
    border: 2px solid var(--msColor);
    border-radius: 30px;
    width: 100%;
    max-width: 160px;
    text-align: center;
    margin-top: 15px;
}
.wrap:lang(en) .application .btn-read{
	max-width: 220px;
}
.application .btn-read:hover{
	background: var(--btnhovergreen);
	border: 2px solid var(--btnhovergreen);
	color: var(--mscolor);
}
.content-two a:hover .box-hover{
	background: var(--btnhovergreen);
}
/*start ScrollTop navbar scroll up to top and navbar scroll down to hide*/
/*.state-partially{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}*/
/*.state-up,
.state-down {
    position: unset;
    top: unset;
    width: inherit;
    z-index: 1;
}*/
/*end*/
/*end setting*/
.application{
	background: #F0F0F0;
}
/*section-select*/
.application .section-home{
	height: 70px;
}
.application .section-select{
	padding: 15px 0;
	background: #f0f0f0;
}
.application .section-select .col-custom-2,
.application .section-select .col-custom-10{
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.application .section-select .col-custom-2{
	width: 10%;
}
.application .section-select .col-custom-10{
	width: 90%;
}
.application .section-select ul{
	width: 100%;
	list-style: none;
}
.application .section-select ul li {
    float: left;
    width: 33.33%;
    text-align: center;
    border-bottom: 1px solid #C4C4C4;
}
.application .section-select ul li.active{
	border-bottom: 3px solid var(--msColor);
}
.application .section-select ul li:hover{
	cursor: pointer;
	border-bottom: 3px solid var(--msColor);
}
.application .section-select ul li h4{
	padding-bottom: 3px;
}
.application .space{
	width: 100%;
	height: 20px;
	background: #ddd;
}
.application .bg-white{
	background: #fff;
}
/*hero*/
.application .hero .b-one,
.application .hero .b-four{
	background: #E5E5E5;
}
.application .hero h2{
	padding-bottom: 30px;
}
.application .hero .b-m{
	display: none;
}
.application .hero .b-one .left .b-content,
.application .hero .b-two .left .b-content{
	width: 100%;
	max-width: 520px;
}
.application .hero .b-one .pl-3,
.application .hero .b-four .pl-3{
	padding-left: 20px;
}
.application .hero .owl-dots{
	position: absolute;
    bottom: 20px;
    left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.application .hero .owl-dots button.owl-dot {
    width: 20px;
    height: 20px;
    margin: 0 8px;
    background: #fff;
}
.application .hero .b-two{
	background: var(--msColor);
}
.application .hero .b-two .left .b-content{
	top: 37%;
}
.application .hero .b-two .left .b-content p b{
	font-weight: 300;
}
.application .hero .b-two .left .b-content .end{
	padding-top: 20px;
}
.application .hero .b-two .left img {
    position: absolute;
    width: 97%!important;
    max-height: 100%;
    height: 395px!important;
}
.application .hero .b-three ul{
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.application .hero .b-three ul li{
	float: left;
}
.application .hero .b-three ul li:nth-child(1){
	width: 28%;
	background: url(/assets/images/application/d/poly_boa_JS_1.webp) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.application .hero .b-three ul li:nth-child(2),
.application .hero .b-one .right img,
.application .hero .b-two .right img,
.application .hero .b-four .right .e_catalog,
.application .hero .b-four.b-four-songkran img,
.application .hero .b-four.b-four-printed-fabric .left img  {
    height: 424px!important;
}
.application .hero .b-four.b-four-printed-fabric .left img{
	display: none;
}
.application .hero .b-four.b-four-printed-fabric .bg-printed-fabric{
	height: 100%;
	background: url(/assets/images/application/d/desktop-bg-printed-fabric.webp) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}
.application .hero .b-four .right .e_catalog{
	background: url(/assets/images/application/d/e-catalog-JS-mockup.webp) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*.application .hero .b-four.b-four-flipbook{
	background: url(/assets/images/application/d/d-pride-month.webp) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
.application .hero .b-four.b-four-flipbook .right .e_catalog{
	background: url(/assets/images/application/d/pride-month12.webp) no-repeat;
    /*background-position: right;*/
}
.application .hero .b-four.b-four-songkran .center{
	position: relative;
}
.application .hero .b-four.b-four-songkran .center .content{
	position: absolute;
	display: block;
	width: 100%;
	left: 50%;
	bottom: 40px;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.application .hero .b-four.b-four-songkran .center .content p{
	font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 38px;
    text-align: center;
}
.application .hero .b-four.b-four-songkran .btn-read {
	margin-left: auto;
	margin-right: auto;
}
.application .hero .b-four.b-four-printed-fabric{
	background: #7635CC;
}
.application .hero .b-four.b-four-printed-fabric .right{
	display: flex;
    min-height: 100%;
}
.application .hero .b-four.b-four-printed-fabric .right img{
	position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.application .hero .b-four.b-four-printed-fabric .right .content{
	position: absolute;
    height: 100%;
    width: 100%;
    padding: 30px;
}
.application .hero .b-four.b-four-printed-fabric .right p{
	font-size: 32px;
	font-weight: 700;
	line-height: 40px; /* 125% */
	letter-spacing: 0.32px;
	text-align: center;
	color: #fff;
}
.application .hero .b-four.b-four-printed-fabric .right a{
	position: absolute;
    bottom: 0px;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.application .hero .b-three ul li:nth-child(2) {
    width: 32%;
    
    position: relative;
}
.application .hero .b-three ul li:nth-child(2) .middle-center{
    max-width: 350px;
    width: 100%;
}
.application .hero .b-three ul li:nth-child(3){
	width: 40%;
	background: url(/assets/images/application/d/Boa_fabric.webp) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.application .hero .b-four .box-e-category{
	width: 100%;
    max-width: 260px;
}
.application .hero .b-four.b-four-flipbook .box-e-category{
    max-width: 81%;
}
.application .container-b-box .title h2{
	padding-bottom: 10px;
}
.application .content-one {
    padding: 20px 0;
}
.application .content-one ul{
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.application .content-one ul li{
	float: left
}
.application .content-one ul.ul1{
	display: flex;
	border: 1px solid var(--msColor);
}
.application .content-one ul.ul1 > li:nth-child(1){
	width: 32%;
}
.application .content-one ul.ul1 > li:nth-child(2){
	width: 62%;
	padding: 15px 15px 15px 30px;
}
.application .content-one ul.ul1 > li:nth-child(3){
	position: relative;
	width: 6%;
	padding: 20px 10px;
}
/*.application .content-one ul.ul1 > li:nth-child(2) p{
	padding-bottom: 25px;
}*/
.application .content-one ul.ul1 > li:nth-child(3) a.arrow {
    position: absolute;
    bottom: -5px;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.application a.arrow {
    background: #000;
    border: 2px solid #000;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    padding: 5px 0;
    border-radius: 50%;
}
.application a.arrow:hover{
	background: var(--btnhoverblack);
	border: 2px solid var(--btnhoverblack);
	cursor: pointer;
}
.application a.arrow img{
	display: unset!important;
}
.application .content-one ul.ul1 > li:nth-child(2) > p{
	padding-bottom: 20px;
}
.application .content-one .bg1{
	background: #E16363;
}
.application .content-one .bg2{
	background: #93DCB5;
}
.application .content-one .bg3{
	background: #C6D0F0;
}
.application .content-one .bg4{
	background: #E1BDA0;
}
.application .content-one .bg5{
	background: #F4B24A;
}
.background-0{
	background: #D1A1E7;
}
.background-1{
	background: #C8E0E2;
}
.background-2{
	background: #E5DBC1;
}
.background-3{
	background: #D8A77E;
}
.application .content-one .tab-child{
	display: none;
}
.application .content-one .tab-child.active{
	display: block;
}
.application .content-one .owl-item.active{
	width: 123px!important;
}
.application .content-two,
.application .content-three,
.application .content-four{
	padding-top: 20px;
}
.application .content-two .col-p-custom,
.application .content-three .col-p-custom,
.application .content-four .col-p-custom{
	padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 25px;
}
.application .bggreen{
	background: var(--msColor);
}
.application .content-two .box{
	position: relative;
	display: block;
}
.application .content-two .box .box-hover{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 10px 0;
}
.application .content-two .box .box-hover h4{
	text-align: center;
	color: #fff;
}
.application .mt-3{
	margin-top: 20px;
}
.application .content-three .bg1{
	background: #D1A1E7;
}
.application .content-three .bg2{
	background: #C8E0E2;
}
.application .content-three .bg3{
	background: #E5DBC1;
}
.application .content-three .bg4{
	background: #D8A77E;
}
.application .content-three .box-hover {
    padding: 15px;
    height: 220px;
}
.application .content-three .box-hover p{
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
}
.application .content-three .p3{
	padding: 15px 0;
}
.application .content-three a.arrow,
.application .content-four a.arrow {
    position: absolute;
    left: 15px;
    bottom: 15px;
}
.application .content-three .b-images{
	width: 100%;
    height: 288px;
}
.application .content-four .b-images{
	width: 100%;
    height: 386px;
}
.application .content-four a p{
    position: absolute;
    top: 30px;
    left: 30px;
    
    padding: 5px 15px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
}
.application .content-four a p:not(.text-left) {
	background: #fffffec9;
}
@media  screen and (max-width: 1600px) {
	.application {
	    padding-left: 15px;
	    padding-right: 15px;
	}
}
@media  screen and (max-width: 1450px) {
	.application .hero .b-four.b-four-flipbook .right .e_catalog {
	    background-position: center;
	}
}
@media  screen and (max-width: 1380px) {
	.application .container-b-box {
	    max-width: 1200px;
	    padding: 30px 15px 20px;
	}
	.application .content-one ul.ul1 > li:nth-child(2) {
	    width: 62%;
	    padding: 15px;
	}
	.application .content-one .owl-item.active{
		width: 110px!important;
	}
}
@media  screen and (max-width: 1350px) {
	.application .content-three .box-hover {
	    padding: 15px;
	    height: 243px;
	}
}
@media  screen and (max-width: 1300px) {
	.application .hero .b-two h2 {
	    padding-bottom: 10px;
	}
	.application .hero .b-two .left .b-content {
	    left: 55%;
	}
	.application .hero .b-two .left img{
		position: absolute;
    	width: 99%!important;
	}

}
@media  screen and (max-width: 1280px) {
	.application .application .container-b-box {
	    max-width: 100%;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.application .content-two .col-p-custom, 
	.application .content-three .col-p-custom, 
	.application .content-four .col-p-custom {
	    padding-right: 15px;
	}
}
@media  screen and (max-width: 1250px) {
	.application .hero .b-two .left .b-content {
	    left: 57%;
	}
}
@media  screen and (max-width: 1200px) {
	.application {
	    background: #FFF;
	}
	.application .content-one ul.ul1 > li:nth-child(2) {
	    width: 61%;
	}
	.application .content-one ul.ul1 > li:nth-child(3) {
	    width: 7%;
	}
	.application .hero .b-two .left .b-content .end {
	    padding-top: 10px;
	}
	.application .hero .b-three ul li:nth-child(1) {
	    width: 25%;
	}
	.application .hero .b-three ul li:nth-child(2) {
	    width: 39%;
	}
	.application .hero .b-three ul li:nth-child(3) {
	    width: 36%;
	}
	.application .hero .b-four.b-four-printed-fabric .bg-printed-fabric{
		background: url(/assets/images/application/d/ipad/ipad-bg-printed-fabric.webp) no-repeat;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    background-position: center;
	}
	.application .content-three .p3{
		display: -webkit-box;
	    -webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    padding: 15px 0 0 0;
	}
	.application .content-three .box-hover {
	    height: 208px;
	}
}
@media  screen and (max-width: 1169px) {
	.application .content-three .box-hover {
	    height: 200px;
	}
}
@media  screen and (max-width: 1162px) {
	.application .content-one .owl-item.active {
	    width: 100px!important;
	}
}
@media  screen and (max-width: 1150px) {
	.application .hero .b-two .left .b-content {
	    left: 58%;
	}

}
@media  screen and (max-width: 1100px) {
	.application .hero .b-two .left .b-content {
	    left: 62%;
	}
}
@media  screen and (max-width: 1084px) {
	.application .content-three .box-hover {
	    height: 225px;
	}
}
@media  screen and (max-width: 1050px) {


}
@media  screen and (max-width: 1024px) {
	.application h2 {
	    font-size: 26px;
	    line-height: 34px;
	}
	.application h3 {
	    font-size: 22px;
	    line-height: 32px;
	}
	.application h4 {
	    font-weight: 700;
	    font-size: 18px;
	    line-height: 28px;
	}
	.application p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.application p.text-small {
	    font-size: 14px;
	}
	.application .hero .b-one .left .b-content, 
	.application .hero .b-two .left .b-content {
	    width: 100%;
	    max-width: 100%;
	    margin: 0 30px;
	}
	.application .hero .b-three ul li:nth-child(2), 
	.application .hero .b-one .right img, 
	.application .hero .b-two .right img, 
	.application .hero .b-four .right .e_catalog,
	.application .hero .b-four.b-four-songkran img {
	    height: 400px!important;
	}
	.application .container-b-box {
	    padding: 30px 0px 20px;
	}
	.application .hero .b-one .right img{
		width: 100%!important;
	}
	.application .hero .b-one .pl-3{
	    padding-left: 10px;
	}
	.application .hero .b-four.b-four-songkran .p-m{
		padding: 0 15px;
	}
	.application .hero .b-four.b-four-songkran .right{
		display: none;
	}
	.application .hero .b-four.b-four-songkran .col-md-4{
		width: 50%;
	}
	.application .hero .b-four.b-four-songkran .center .content{
		left: 0;
	}
	.application .content-two .box .box-hover {
	    padding: 5px 0;
	}
	.application .content-three .b-images {
	    height: 210px;
	}
	.application .content-four .b-images {
	    width: 100%;
	    height: 320px;
	}
	.application .hero .b-two .left .b-content {
	    top: 103px;
	    left: 58%;
	}
	
	.application .hero .b-two h2 {
	    padding-bottom: 25px;
	}
	.application .hero .b-two .left .b-content .end {
	    padding-top: 15px;
	}
	.application .hero .b-two .left .b-content {
	    top: 40%;
	    left: 58%;
	}
	.application .hero .b-three ul li:nth-child(2) .middle-center {
	    max-width: 270px;
	}
	.application .hero .b-four .box-e-category {
	    max-width: 208px;
	}
	.application .hero .b-four .left .b-content{
		padding: 0 15px;
	}
}
@media  screen and (max-width: 950px) {
	.application .content-one ul.ul1 > li:nth-child(2) {
	    width: 60%;
	}
	.application .content-one ul.ul1 > li:nth-child(3) {
	    width: 8%;
	}
	.application .content-two .col-p-custom, 
	.application .content-three .col-p-custom, 
	.application .content-four .col-p-custom {
	    padding-right: 10px;
	    padding-left: 10px;
	    padding-bottom: 20px;
	}
	.application .content-two, .application .content-three, .application .content-four {
	    padding-left: 5px;
	    padding-right: 5px;
	}
}

@media  screen and (max-width: 900px) {

	.application .content-four a p {
	    left: 15px;
	}
	.application .content-four .owl-item:first-child .owl-item .item a p{
		width: 100%;
    	left: 3px;
	}
}
@media  screen and (max-width: 850px) {
	.application h2 {
	    font-size: 24px;
	    line-height: 34px;
	}
	.application h3 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.application .hero .b-one .pl-3 {
	    padding-left: 0px;
	}
	.application .content-one ul.ul1 > li:nth-child(2) {
	    width: 59%;
	}
	.application .content-one ul.ul1 > li:nth-child(3) {
	    width: 9%;
	}
	.application .hero .b-two .left .b-content {
	    top: 40%;
	    left: 55%;
	}
	.application .content-four .owl-item:first-child .item a p{
		width: 100%!important;
    	left: 3px!important;
	}
}
@media  screen and (max-width: 835px) {
	.application .hero .b-two .left .b-content {
	    left: 56%;
	}
	/*.application .content-four a p {
	    width: 78%;
	    left: 20px;
	}*/
}
@media  screen and (max-width: 800px) {
	.application .content-one .owl-item.active {
	    width: 95px!important;
	}
}
@media  screen and (max-width: 790px) {
	.application .hero .b-two .left .b-content {
	    top: 36%;
	    left: 53%;
	}
}
@media  screen and (max-width: 780px) {
	.application .content-four a p {
	    width: 80%;
	}
}
@media  screen and (max-width: 768px) {
	.application .hero .b-two .left .b-content {
	    top: 36%;
	    left: 52%;
	}
	.application .content-four a p {
	    width: 81%;
	    left: 16px;
	}
}
@media  screen and (max-width: 767px) {
	.application h1{
	    font-size: 32px;
	    line-height: 42px;
	}
	.application h2 {
	    font-size: 20px;
	    line-height: 22px;
	}
	.application h3 {
	    font-size: 17px;
	    line-height: 22px;
	}
	.application h4 {
	    font-weight: 600;
	    font-size: 14px;
	    line-height: 21px;
	}
	.application p {
	    font-size: 15px;
	    line-height: 20px;
	}
	.application p.text-small {
	    font-size: 12px;
	    padding-top: 5px;
	}
	.application .btn-read{
		font-weight: 300;
		font-size: 14.6341px;
		line-height: 22px;
	}
	.application {
		background: #ffffff;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.state-partially {
	    margin-left: -15px;
	}
	.application .section-home{
		height: auto;
	}
	.application .section-select .col-custom-2 {
	    width: 100%;
	}
	.application .section-select .col-custom-10 {
	    width: 100%;
	    background: #F0F0F0;
	    padding-top: 10px;
    	padding-bottom: 15px;
	}
	.application .hero .owl-dots button.owl-dot {
	    width: 18px;
	    height: 18px;
	    margin: 0 7px;
	}
	.application .hero .b-one .left .b-content h2{
		font-weight: 700;
		font-size: 20.429px;
		line-height: 28px;
	}
	.application .hero .b-four.b-four-printed-fabric .left img{
		display: block;
	}
	.application .hero .b-four.b-four-printed-fabric .bg-printed-fabric{
		display: none;
	}
	.application .content-three .box-hover p {
	    font-weight: 300;
	    font-size: 15px;
	    line-height: 20px;
	}
	.application .section-select ul {
	    padding: 0;
	    margin: 0;
	}
	.application .hero h2 {
	    padding-bottom: 20px!important;
	}
	.application .hero .d-flex{
		display: block;
	}
	.application .hero .b-three ul li:nth-child(2), 
	.application .hero .b-one .right img, 
	.application .hero .b-two .right img, 
	.application .hero .b-four .right .e_catalog,
	.application .hero .b-four.b-four-songkran img,
	.application .hero .b-four.b-four-printed-fabric .left img {
	    height: auto!important;
	}
	.application .hero .b-one .left,
	.application .hero .b-two .left,
	.application .hero .b-four .left{
		display: none;
	}
	.application .hero .b-one .b-m,
	.application .hero .b-two .b-m,
	.application .hero .b-three .b-m .content ,
	.application .hero .b-four .b-m .content{
	    display: block;
	    position: absolute;
	    padding: 20px 35px 20px 20px;
	}
	.application .hero .b-one .b-m {
	    bottom: 20px;
	    background: #F0F0F0;
	    right: 0;
	}
	.application .hero .owl-dots {
		bottom: -62px;
		width: 100%;
	}
	.application .hero .owl-dots button.owl-dot{
		background: #b3b3b3;
	}
	.application .hero{
		padding-bottom: 30px;
	}
	.application .btn-read{
		max-width: 115px;
	}
	.wrap:lang(en) .application .btn-read {
	    max-width: 170px;
	}
	.application .hero .b-two .b-m {
	    top: 0px;
	    background: #fff0;
	    left: 62px;
	}
	.application .hero .b-two .b-m .end{
		padding-top: 20px;
	}
	
	.application .hero .b-three .b-m,
	.application .hero .b-four .b-m{
		position: relative;
		display: block;
	}
	.application .hero .b-three .b-m .content,
	.application .hero .b-four .b-m .content {
	    bottom: 20px;
	    background: #F0F0F0;
	}
	.application .hero .b-four .b-m {
	    background: url(/assets/images/application/m/m-pride-month.webp) no-repeat;
	}
	.application .hero .b-four.b-four-flipbook .b-m .content {
	    bottom: unset;
	    top: 20px;
	    background: #e5e5e500;
	}
	.application .hero .b-four.b-four-songkran .col-md-4 {
	    width: 100%;
	}
	.application .hero .b-four.b-four-songkran .left{
		display: none;
	}
	.application .hero .b-four.b-four-songkran .center .content {
	    left: 50%;
	    bottom: 155px;
	}
	.application .hero .b-four.b-four-songkran .center .content p {
	    font-size: 26px;
	}
	.application .hero .b-four.b-four-printed-fabric .left{
		display: block;
		padding: 0 15px 0 15px;
	}
	.application .hero .b-four.b-four-printed-fabric .right img {
	    top: 28%;
	}
	.application .hero .b-four.b-four-printed-fabric .right .content {
	    height: auto;
	    width: 100%;
	    padding: 30px;
	    position: absolute;
	    bottom: 0px;
	    left: 0;
	}
	.application .hero .b-four.b-four-printed-fabric .right {
	    display: flex;
    	min-height: 315px;
	}
	.application .hero .b-four.b-four-printed-fabric .right p {
	    font-size: 21px;
	    font-weight: 700;
	    line-height: 28px;
	    text-align: left;
	}
	.application .hero .b-four.b-four-printed-fabric .right a {
	    position: unset;
	    bottom: unset;
	    left: unset;
	    -moz-transform: unset;
	    -webkit-transform: unset;
	    -ms-transform: unset;
	    transform: unset;
	}
	.application .container-b-box .title p{
		display: none;
	}
	.application .content-one .item-ppad{
		padding: 5px;
	}
	.application .content-one ul.ul1 {
    	display: block;
    	 border: unset;
	}
	.application .content-one ul.ul1 > li{
		width: 100%!important;
	}
	.application .content-one ul.ul1 > li:nth-child(3){
		display: none;
	}
	.application .content-one ul.ul1 > li:nth-child(2) {
		position: relative;
	    padding: 15px;
	}
	.application .content-one .open-close {
	    font-size: 31px;
	    position: absolute;
	    top: 0px;
	    right: 20px;
	}
	.application .content-one .border-bottom{
		border-bottom: 1px solid var(--msColor);
		padding: 0;
	}
	.application .content-one .click_all {
	    width: 80px;
	    background: var(--msColor);
	    text-align: center;
	    font-weight: 300;
	    font-size: 15px;
	    line-height: 20px;
	    padding: 5px 0 3px;
	    float: right;

	}
	.application .content-two .box .box-hover {
	    padding: 10px 0;
	}

	.application .container-b-box .content-three .owl-dots button.owl-dot,
	.application .container-b-box .content-four .owl-dots button.owl-dot {
	    width: 80px;
	    height: 3px;
	    border-radius: 0;
	    display: inline-block;
	    background: #e6e6e6;
	    margin: 0;
	}
	
	.application .content-one ul.ul1 > li:nth-child(2) > p {
	    padding-bottom: 10px;
	    margin-bottom: 20px;
	    border-bottom: 1px solid #7ecb334f;
	}
	.application .container-b-box .content-three .owl-stage{
	    left:-20px;
	}
	.application .mt-3 {
	    margin-top: 0;
	}
	.application .content-three .b-images {
	    height: 326px;
	}
	.application .content-three .box-hover p.p3{
		text-align: left;
	}
	.application .content-three .box-hover {
	    height: 210px;
	}
	.application .container-b-box .content-four .owl-stage{
	    left:-40px;
	}
	.application .content-four .b-images {
	    height: 310px;
	}
	.application .content-four a p {
	    width: unset;
	    left: 16px;
	}
}
@media  screen and (max-width: 390px) {
	.application h4 {
	    font-size: 13px;
	}

}
@media  screen and (max-width: 375px) {
	.application .content-three .box-hover {
	    height: 220px;
	}
	.application .section-select .col-custom-10 {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.application .hero .b-four.b-four-songkran .center .content {
	    left: 50%;
	    bottom: 139px;
	}
	.application .hero .b-four.b-four-songkran .center .content p {
	    font-size: 22px;
	    line-height: 28px;
	}
}
@media  screen and (max-width: 360px) {
	.application .container-b-box .content-three .owl-dots button.owl-dot, 
	.application .container-b-box .content-four .owl-dots button.owl-dot {
    	width: 66px;
	}
	.application h4 {
	    font-size: 12px;
	}
	.hidden-360{
		display: block!important;
	}

}
@media  screen and (max-width: 350px) {
	.hidden-350{
		display: none;
	}
}
@media  screen and (max-width: 320px) {
	.application h4 {
	    font-size: 10px;
	}
	.application .content-three .box-hover {
	    height: 240px;
	}
	.application .content-four a p {
	    width: 80%;
	}
	.application .hero .b-four.b-four-songkran .center .content {
	    bottom: 104px;
	}
}