:root{
		--black:#000;
		--gray:#f1f1f1;
	}
	.d-block{
		display: block;
	}
	.mx-auto{
		margin: auto;
	}
	.img-fluid {
		max-width: 100%;
		height: auto;
	}
	.bggray{
		background-color: var(--gray);
	}
	.align-items-center {
		display: flex;
		align-items: center;
	}
	.border-top{
		border-top: 1px solid var(--msColor);
	}
	.border-right{
		border-right: 1px solid var(--msColor);
	}
	.border-bottom{
		border-bottom: 1px solid var(--msColor);
	}
	.border-left{
		border-left: 1px solid var(--msColor);
	}
	.flannel h1,.flannel h2{
		color: var(--black);
	}
	.flannel h2{
		font-size: 23px;
	}
	.flannel p{
		font-size: 18px;
		color: var(--black);
	}
	.col-center{
		float: none;
		margin: 0 auto;
	}
	.flannel .modal-dialog {
		top: 30%;
	}
	.flannel .modal-header {
		padding: 5px 10px 0px;
		border-bottom: unset;
	}
	.flannel .modal-body {
		padding: 0px 15px 15px;
	}
	.flannel .close {
		font-size: 30px;
	}
	.flannel{
		background-color: #fff;
	}
	.d-flex{
		display: flex;
	}
	/*end setting*/
	.box-title-head{
		padding: 89px 0px 46px;
	}
	.box-title-head .left h1{
		text-align: right;
		font-weight: 900;
		line-height: 75px;
	}
	.box-title-head .left h1{
		font-size: 78px;
	}
	.box-title-head .left{
		border-right: 1px solid var(--msColor);
		padding: 5px 71px 58px 0px;
	}
	.box-title-head .right h2{
		padding-bottom: 20px;
	}
	.box-title-head .right{
		padding: 0px 30px 0px 11px;
	}
	.box-title-head .right{
		padding: 0px 30px 0px 11px;
	}
	.box-one{
		padding: 0px 72px;
		margin: 140px 0px 112px;
		background-color: var(--msColor);
		border: 1px solid var(--msColor);
	}
	.box-one .box-area{
		background-color: #fff;
	}
	.box-one .right{
		padding: 0px 60px 0px 20px;
	}
	.box-one .right h2{
		padding-bottom: 18px;
	}
	.box-two{
		background-color: var(--msColor);
		margin-bottom: 153px;
		padding: 107px 190px;
	}
	.box-two h2{
		font-weight: 900;
		font-size: 50px;
		line-height: 70px;
	}
	.box-two .top p{
		border-left: 1px solid #fff;
		padding: 0px 0px 31px 27px;
		margin-top: 160px;
	}
	.box-two .bottom p{
		padding-top: 15px;
	}
	.box-two .bottom{
		margin-top: 98px;
	}
	.box-three{
		margin: 153px 0px 150px;
	}
	.box-three .left h2{
		color: var(--msColor);
		padding-bottom: 68px;
		font-size: 29px;
    	line-height: 36px;
	}
	.box-three .left h2 label{
		color: var(--black);
	}
	.box-three .left p{
		padding-bottom: 20px;
	}
	.box-three .right ul{
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.box-three .right ul li{
		float: left;
		width: 50%;
	}
	.box-three .right ul:nth-child(1) li h2{
		text-align: center;
	    padding: 15px 0px;
	    color: #fff;
	    font-size: 35px;
	    margin: 0;
	}
	.box-three .right ul:nth-child(1) li:nth-child(1){
		background-color: var(--black);
	}
	.box-three .right ul:nth-child(1) li:nth-child(2){
		background-color: var(--msColor);
	}
	.box-three .right ul:nth-child(2) li img{
		padding: 34px 0px;
	}
	.box-three .right .col-p{
		padding-left: 50px;
	}
	.box-three .label-left{
	    color: #050504;
	    font-size: 34px;
	    font-weight: 800;
	    padding: 0 45px;
	    line-height: 55pt;
	    text-align: center;
	    background: var(--msColor);
	    position: absolute;
	    top: 223px;
	    right: -15px;
	    transform: rotate(-90deg);
	    -webkit-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	}
	.wrap:lang(en) .box-three .label-left{
		padding: 0 13px;
	}
	.box-four .right .box-img-left .img-custom{
		position: absolute;
		top: -114px;
		right: -140px;
		z-index: 1;
	}
	.box-four .right .box-img-left .img-custom2 {
	    padding: 0px 40px 0px 10px;
	    width: 100%;
	    position: absolute;
	    bottom: 0;
	}
	.box-four .left img.first{
		padding-top: 51px;
		width: 100%;
	}
	.box-four .right .content {
		background-color: var(--gray);
		margin-right: 38px;
		padding: 63px 81px 39px;
	}
	.box-four .right .content p:nth-child(1){
		padding-bottom: 78px;
	}
	.box-four .right .content p.last{
		padding-top: 63px;
	}
	.box-four .label-left {
	    color: #050504;
	    font-size: 34px;
	    font-weight: 800;
	    padding: 0 45px;
	    line-height: 55pt;
	    text-align: center;
	    background: var(--msColor);
	    position: absolute;
	    top: 36%;
	    right: -206px;
	    transform: rotate(-90deg);
	    -webkit-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	}
	.box-five {
	    background-color: var(--gray);
	    margin: 186px 80px 184px;
	    padding: 54px 93px 100px;
	}
	.box-five h2{
		line-height: 81px;
	    padding-right: 200px;
	    padding-bottom: 86px;
	    font-size: 60px;
	}
	.box-five h3{
		font-size: 46px;
		font-weight: 500;
		margin-top: 0px;
		padding-bottom: 55px;
		font-style: italic;
	}
	.box-five .more_products{
		font-size: 20px;
	    padding-bottom: 10px;
	    display: block;
	    color: #000;
	    text-decoration: underline;
	}
	.box-five .left h3{
		text-align: right;
		padding-right: 34px;
	}
	.box-five .left .content,
	.box-five .img-left{
		padding-right: 75px;
	}
	.box-five .right .content,
	.box-five .img-right{
		padding-left: 76px;
	}
	.box-five .left img,
	.box-five .right img{
		width: 100%;
		padding-bottom: 86px;
	}
	.box-five .left p.first{
		padding-bottom: 38px;
	}
	.box-five .col-p{
		padding-top: 147px;
		padding-bottom: 74px;
	}
	.box-six{
		background-color: var(--msColor);
		margin-bottom: 79px;
	}
	.box-six h2{
		font-size: 50px;
		color: #fff;
	}
	.box-six label:nth-child(1){
		margin-bottom:0px;
		background-color: #000;
		border-top-right-radius: 64px;
		border-bottom-right-radius: 64px;
	}
	.box-six label:nth-child(1) {
		padding: 44px 26px 44px 90px;
	}
	.box-seven{
		background-color: #f7f7f5;
	}
	.box-seven .content {
		background-color: #fff;
		margin-top: 40px;
		margin-right: 100px;
		padding: 36px 64px;
	}
	.wrap:lang(en) .box-seven .content{
		margin-top: 46px;
	    margin-right: 80px;
	    padding: 40px 64px;
	}
	.box-seven .content p {
		padding-top: 28px;
	}
	.box-eight{
		position: relative;
		margin: 150px 0px 135px;
		padding: 0px 97px;
	}
	.box-eight .content{
		position: relative;
		padding: 74px 60px 90px;
	}
	.box-eight .content h2 {
		font-size: 62px;
		font-weight: 900;
		padding: 35px 35px 35px 0px;

	}
	.box-eight .content h3{
		padding-left: 45px;
	    font-size: 36px;
	    font-weight: 900;
	    line-height: 45px;
	}
	.box-eight .content label{
		margin-bottom: 0px;
		color: var(--black);
	}
	.box-eight .cus-content{
		padding: 33px 86px 17px;
	}
	.box-eight .content-product{
		padding-left: 75px;
	}

	.box-eight .content h4 {
		color: var(--black);
		font-weight: 900;
	}
	.box-eight .content h4 {
		font-size: 28px;
	}
	.box-eight .content-product p{
		padding-top: 20px;
	}
	.box-eight .hr {
		border-bottom: 2px solid var(--msColor);
		width: 35%;
		margin: 22px 0px;
	}
	.box-eight .cus-content .img-p img{
		margin-left: 70px;
	}
	.box-eight .cus-content2{
		padding: 119px 86px 44px;
	}
	.box-eight .label-left1 {
	    color: #050504;
	    font-size: 30px;
	    font-weight: 800;
	    padding: 0 45px;
	    line-height: 45pt;
	    text-align: center;
	    background: var(--msColor);
	    position: absolute;
	    width: 277px;
	    height: 60px;
	    top: 7%;
	    left: -97px;
	    transform: rotate(
	-90deg);
	    -webkit-transform: rotate(
	-90deg);
	    -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	}
	.box-eight .end .label-left1 {
	    left: unset;
	    top: -37px;
	    right: -181px;
	}
	.box-eight .p-0{
		padding: 0px;
	}
	.box-nine{
		margin-bottom: 156px;
	}
	.box-nine fieldset {
		border: 1px solid var(--msColor);
	}
	.box-nine fieldset legend {
		text-align: center;
		border-bottom: unset;
	    width: auto;
	   	padding-left: 15px;
		padding-right: 15px;
	    color: var(--black);
	    font-size: 28px;
	    font-weight: 900;
	}
	.box-nine fieldset .content{
		padding: 64px 104px 60px;
	}
	.box-nine fieldset .content p{
		padding-bottom: 44px;
		text-align: center;
	}
	.box-ten{
		padding: 0px 72px 0px 87px;
		margin: 140px 0px 112px;
		background-color: var(--msColor);
		border: 1px solid var(--msColor);
	}
	.box-ten .box-area{
		background-color: #fff;
	}
	.box-ten .left{
		padding: 180px 60px 180px 60px;
	}
	.box-ten .left label {
		margin-bottom: 0px;
		color: var(--black);
	}
	.box-ten .left h3 {
		font-size: 40px;
		font-weight: 900;
		line-height: 45px;
		padding-right: 50px;
	}
	.box-ten .left p{
		padding-top: 64px;
	}
	.box-ten .right{
		padding:80px 0px;
	}
	.box-eleven{
		background-color: var(--gray);
		padding-top: 98px;
		padding-bottom: 105px;
	}
	.box-eleven .title{
		background-color: var(--msColor);
		padding: 40px 50px;
	}
	.box-eleven .title h2{
		font-size: 43px;
		font-weight: 900;
		text-align: center;
		color: #fff;
		line-height: 54px;
	}
	.box-eleven .title h2 label{
		color: var(--black);
	}
	.box-eleven .content{
		padding-top: 143px;
	}
	.box-eleven .content h3,
	.box-eleven .content p{
		text-align: center;
	}
	.box-eleven .content h3{
		color:var(--black);
		padding: 45px 0px 25px;
	}
	.box-eleven .box-area{
		border-left: 1px solid var(--msColor);
		border-right: 1px solid var(--msColor);
		border-bottom: 1px solid var(--msColor);
		padding-bottom: 140px;
		margin-bottom: 50px;
	}
	.box-eleven .box-end-content{
		background-color: var(--msColor);
		padding: 66px 75px 57px;
	}
	.box-eleven .box-end-content p{
		text-align: center;
	}
@media  screen and (min-width: 1600px) {	
	.flannel p {
	    font-size: 22px;
	}
	.box-two h2 {
	    font-size: 70px;
	    line-height: 87px;
	}
	.box-three .label-left{
		padding: 0 30px;
	}
	.box-four .right .content {
	    margin-right: 90px;
	}
	.box-five h2 {
	    padding-right: 760px;
	}
	.wrap:lang(en) .box-five h2 {
	    padding-right: 100px;
	    font-size: 80px;
	}
	.box-six h2 {
	    font-size: 55px;
	}
	.box-seven .content{
		margin-top: 80px;
	}
	.wrap:lang(en) .box-seven .content {
	    margin-top: 110px;
	}
	.box-eight .content h2 {
    	font-size: 80px;
	}
	.box-eight .content h3 {
	    font-size: 46px;
	    line-height: 54px;
	}
	.box-eight .content h4 {
	    font-size: 34px;
	}
	.box-nine fieldset legend{
		font-size: 34px;
	}
	.box-ten .left h3 {
	    font-size: 50px;
	    line-height: 62px;
	}
	.box-eleven .title h2 {
	    font-size: 54px;
	    line-height: 70px;
	}
	.box-eleven .content h3 {
	    font-size: 30px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	/*ipad*/
	.box-nine fieldset legend {
		font-size: 20px;
	}
	.flannel p {
		font-size: 16px;
		color: var(--black);
	}
	.box-one {
		padding: 0px 40px;
	}
	.box-two {
		padding: 107px 25px;
	}
	.wrap:lang(th) .box-two h2 {
		font-size: 34px;
    	line-height: 46px;
	}
	.wrap:lang(en) .box-two h2 {
		font-size: 48px;
		line-height: 55px;
	}
	.wrap:lang(th) .box-title-head .left h1 {
	    font-size: 50px;
	    line-height: 50px;
	}
	.box-two .top p {
		margin-top: 35px;
	}
	.box-three {
	    margin: 60px 0px;
	}
	.wrap:lang(th) .box-three .left h2 {
	    font-size: 21px;
    	line-height: 30px;
	}
	.box-three .left .col-p {
		padding-left: 0px;
	}
	.box-three .right .col-p {
		padding-left: 10px;
	}
	.box-three .right ul:nth-child(1) li h2 {
		font-size: 26px;
		margin-top: 10px;
	}
	.box-three .right ul:nth-child(2) li img {
		padding: 15px 0px;
	}
	.box-three .label-left {
		max-width: 160px;
	    font-size: 14px;
	    padding: 0px 7px;
	    line-height: 22pt;
	    top: 223px;
	    right: -8px;
	}
	.wrap:lang(en) .box-three .label-left {
	    right: -20px;
	}
	.box-four .d-flex{
		display: block;
	}
	.wrap:lang(th) .box-four .left .img-custom2{
		margin-top: 174px;
		padding-left: 0px;
	}
	.wrap:lang(en) .box-four .left .img-custom2{
		margin-top: 174px;
		padding-left: 0px;
	}
	.box-four .right .content {
		background-color: var(--gray);
		margin: 50px 49px 0px 0px;
		padding: 60px;
	}
	.box-four .img-custom{
		width: 220px;
		display: block;
		margin-top: 180px;
		margin-left: auto;
		margin-right: auto;
	}
	.box-four .label-left {
	    font-size: 18px;
	    line-height: 37pt;
	    top: 36%;
	    right: -83px;
	}
	.wrap:lang(en) .box-four .label-left
	{
		right: -70px;
	}
	.box-five {
		margin: 100px 50px;
		padding: 50px;
	}
	.wrap:lang(th) .box-five h2{
		font-size: 38px;
		line-height: 50px;
		padding-bottom: 50px;
	}
	.wrap:lang(en) .box-five h2{
		font-size: 38px;
		line-height: 50px;
		padding-bottom: 50px;
	}
	.box-five h3 {
		font-size: 24px;
		padding-bottom: 20px;
	}
	.box-five .left img, .box-five .right img {
		padding-bottom: 30px;
	}
	.box-five .col-p {
		padding-top: 50px;
		padding-bottom: 74px;
	}
	.box-five .left .content, .box-five .img-left {
		padding-right: 34px;
	}
	.box-five .right .content, .box-five .img-right {
		padding-left: 34px;
	}
	.box-five .left p.first {
		padding-bottom: 15px;
	}
	.wrap:lang(th) .box-six label:nth-child(1) {
		padding: 18px 15px 18px 90px;
		margin-top: -50px;
	}
	.wrap:lang(en) .box-six label:nth-child(1) {
		padding: 18px 15px 18px 90px;
		margin-top: -50px;
	}
	.box-six label:nth-child(2) {
		padding: 15px 36px;
	}
	.wrap:lang(th) .box-six h2 {
	    font-size: 47px;
	    color: #fff;
	}
	.box-six h2 {
		font-size: 60px;
	}
	.box-seven {
		padding-bottom: 30px;
	}
	.box-seven .content,
	.wrap:lang(en) .box-seven .content {
		margin-top: 25px;
		margin-right: 30px;
		padding: 20px 30px;
	}
	.box-eight {
		margin: 60px 0px;
		padding: 0px 66px;
	}
	.box-eight .content-box {
		line-height: 40px;
	}
	.box-eight .content {
		padding: 30px;
	}
	.box-eight .label-left1 {
	    font-size: 18px;
	    padding: 0 18px;
	    line-height: 37pt;
	    width: 226px;
	    height: 51px;
	    top: 87px;
	    left: -87px;
	}
	.wrap:lang(en) .box-eight .label-left1 {
	    width: 265px;
	    top: 107px;
	    left: -107px;
	}
	.box-eight .end .label-left1 {
	    right: -139px;
	}
	.wrap:lang(en) .box-eight .end .label-left1 {
		left: unset;
		top: -27px;
	    right: -159px;
	}
	.wrap:lang(th) .box-eight .content h2 {
		font-size: 30px;
	}
	.wrap:lang(en) .box-eight .content h2 {
		font-size: 32px;
	}
	.box-eight .content h3{
		padding-left: 15px;
		font-size: 24px;
		line-height: 28px;
	}
	.box-eight .content-product {
		padding-left: 0px;
	}
	.box-eight .cus-content .img-p img {
		margin-left: 0px;
	}
	.box-nine fieldset legend {
		font-size: 22px;
	}
	.box-nine fieldset .content {
		padding: 35px 70px;
	}
	.box-ten {
		padding: 0px;
		margin: 0px 0px 60px;
	}
	.box-ten .left {
		padding: 40px;
	}
	.box-ten .left h3 {
		font-size: 28px;
		line-height: 32px;
	}
	.box-ten .left p {
		padding-top: 40px;
	}
	.box-ten .right img{
		width: 250px;
	}
	.box-eleven .title h2 {
	    font-size: 30px;
	    line-height: 39px;
	    margin-top: -5px;
	}
	.box-eleven .title {
		padding: 40px 0px;
	}
	.box-eleven .content {
		padding-top: 100px;
	}
	.box-eleven .content h3 {
		padding: 15px 0px 25px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
	/*Ipad แนวนอน*/
	.box-three .label-left {
	    font-size: 20px;
	    padding: 0px 22px;
	    line-height: 31pt;
	    top: 223px;
	    right: -8px;
	}
	.wrap:lang(en) .box-three .label-left{
		right: -20px;
    	top: 200px;
	}
	.box-four .d-flex {
	    display: flex;
	}
	.box-four .right .box-img-left .img-custom {
	    top: -190px;
	    right: -95px;
	}
	.box-four .label-left {
	    right: -120px;
	}
	.box-five h2 {
	    padding-right: 324px;
	}
	.wrap:lang(en) .box-eight .label-left1 {
	    width: 232px;
	    top: 90px;
	    left: -90px;
	}
	.wrap:lang(en) .box-eight .end .label-left1 {
	    right: -142px;
	}
	.box-ten .left {
	    padding: 50px;
	}
	.box-eleven .title h2 {
	    font-size: 28px;
	}

}
@media only screen and (max-width: 767px) {
	.mobile-bg{
		background-color: var(--msColor);
		width: 100%;
		height: 50px;
	}
	.flannel p {
		font-size: 16px;
	}
	.box-title-head {
		padding: 0px 0px 38px;
	}
	.box-title-head .left {
		border-right:unset;
		padding: 5px 71px 14px 0px;
	}
	.box-title-head .left h1{
		font-size: 60px;
		line-height: 60px;
		text-align: left;
		padding: 0px 15px;
		margin-top: 0px;
	}
	.box-title-head .cm-0{
		padding-right: 0px;
		padding-left: 0px;
	}
	.box-title-head .box-area{
		position: relative;
	}
	.box-title-head .right{
		position: absolute;
		top: 0;
		padding: 0px 15px 0px;
	}
	.box-title-head img{
		width: 100%;
	}
	.box-one img{
		width: 100%;
	}

	.box-one {
		padding: 0px;
		margin: 0px;
		background-color: unset;
		border: unset;
	}
	.box-one .right {
		padding: 0px;
	}
	.box-one .right h2 {
		font-size: 30px;
		padding-left: 15px;
		padding-bottom: 47px;
	}
	.box-one p{
		padding: 106px 15px 86px;
	}
	.box-two {
		padding: 74px 15px 26px;
		margin-bottom: 78px;
	}
	.box-two h2 {
		font-size: 34px;
		line-height: 51px;
	}
	.box-two .top p {
		margin-top: 80px;
	}
	.box-two .bottom {
		margin-top: 70px;
	}
	.box-two .bottom p{
		padding-bottom: 60px;
	}
	.box-three .mobile img {
		width: 100%;
	}
	.box-three {
		margin: 0px 0px 0px;
	}
	.box-three .left .col-p {
		padding-left: 0px;
	}
	.box-three .left h2{
		font-size: 26px;
		line-height: 39px;
	}
	.wrap:lang(en) .box-three .left h2{
		font-size: 36px;
	}
	.box-three .right .col-p {
		padding-left: 15px;
	}
	.box-three .right ul:nth-child(1) li h2 {
		font-size: 24px;
		margin: 7px 0px;
	}
	.box-three .mobile  img{
		margin-top: 48px;
	}
	.box-three .left h2 {
		padding-bottom: 39px;
	}
	.box-three .left p {
		padding: 0px 15px 20px 30px;
	}
	.box-three .box-mobile{
		position: relative;
	}
	.box-three .label-left {
	    font-size: 18px;
	    padding: 0 24px;
	    line-height: 23pt;
	    top: -182px;
	    left: -50px;
	    right: unset;
	}
	.wrap:lang(en) .box-three .label-left {
	    font-size: 22px;
	    top: -131px;
	    left: -70px;
	}
	.box-four .d-flex{
		display: block;
	}
	.box-four .left img.first {
		padding-top: 15px;
	}
	.box-four .left .img-custom2{
		margin-top: 15px;
	}
	.box-four .left .img-custom {
		position: absolute;
	    top: unset;
	    width: 158px;
	    bottom: -301px;
	    right: 35px;
	    z-index: 1;
	}
	.box-four .right .content {
		padding: 72px 15px 113px;
		margin: 55px 30px 0px;
	}
	.box-four .label-left {
	    font-size: 16px;
	    padding: 0 45px;
	    line-height: 22pt;
	    top: 80%;
	    right: -83px;
	}
	.wrap:lang(en) .box-four .label-left {
	    right: -72px;
	}
	.box-four .right .content p:nth-child(1) {
		padding-bottom: 53px;
	}
	.box-five {
		margin: 80px 0px 73px;
		padding: 2px 15px 3px;
	}
	.box-five h2{
		font-size: 30px;
		line-height: 42px;
		padding-right: 0px;
	}
	.box-five .left h3 {
		text-align: left;
		padding-right: 0;
	}
	.box-five h3 {
		font-size: 28px;
		margin-top: 0px;
		padding-bottom: 43px;
	}
	.box-five .left .content, .box-five .img-left {
		padding-right: 0;
	}
	.box-five .left img, .box-five .right img {
		padding-bottom: 58px;
	}
	.box-five .left p.first {
		padding-bottom: 48px;
	}
	.box-five .right .content, .box-five .img-right {
		padding-left: 0px;
	}
	.box-five .left .box-furniture{
		border-bottom: 1px solid var(--msColor);
	}
	.box-five .left .box-furniture img{
		margin-top: 105px;
	}
	.box-five .right .content{
		margin-top: 90px;
	}
	.box-five .border-right{
		border-right: unset;
	}
	.box-five .col-p {
		padding: 60px 15px;
	}
	.box-six {
		margin-bottom: 20px;
	}
	.box-six h2{
		font-size: 35px;
	}
	.box-six label:nth-child(1) {
		margin-bottom: 0px;
		padding: 26px 15px 26px 22px;
		margin-top: -40px;
	}
	.box-six label:nth-child(2) {
		padding: 15px 15px 15px 35px;
    	font-size: 20px;
	}
	.box-seven .content,
	.wrap:lang(en) .box-seven .content {
		margin: 30px;
		padding: 58px 30px;
	}
	.box-seven .content p {
	    padding-top: 50px;
	}
	.box-eight {
	    margin: 0px 0px 0px;
	    padding: 0px 44px;
	}
	.box-eight .label-left1 {
	    font-size: 18px;
	    padding: 0 31px;
	    line-height: 23pt;
	    width: 155px;
	    height: 29px;
	    top: 296px;
	    left: -63px;
	}
	.box-eight .content-box {
		line-height: 40px;
	}
	.box-eight .cus-col-4:nth-child(1), .box-eight .cus-col-4:nth-child(3) {
		width: 11%;
	}
	.box-eight .cus-col-4:nth-child(2) {
		width: 78%;
	}
	.box-eight .cus-row {
		margin-right: 0;
		margin-left: 0;
	}
	.box-eight .content h3 {
	    padding-left: 0px;
	    font-size: 22px;
	    font-weight: 900;
	    line-height: 30px;
	}
	.box-eight .content {
		padding: 10px 20px 15px;
	}
	.box-eight .align-items-center {
		display: block;
		align-items: unset;
	}
	.box-eight .content .right h3{
		padding-bottom: 0px;
	}
	.more_info_mobile a span {
		padding-bottom: 2px;
		color: var(--msColor);
		border-bottom: 1px solid var(--msColor);
	}
	.box-eight .content-product {
		padding-left: 0px;
	}
	.box-eight .content h4 {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 5px;
	}
	.box-eight .cus-content .img-p img {
		margin-left: 0px;
	}
	.box-eight .cus-row:nth-child(2) .content-product{
		margin-top: 25px;
	}
	.box-eight .cus-row:nth-child(3) .content-product{
		margin-top: 50px;
	}
	.box-eight .cus-row:nth-child(4) .content-product{
		margin-top: 16px;
	}

	.box-eight .cus-row:nth-child(4) .cus-content img{
		position: absolute;
		left: 42px;
		width: 230px;
	}
	.box-eight .cus-row:nth-child(4) .cus-content .more_info_mobile,
	.box-eight .cus-row:nth-child(4) .cus-content h4{
		text-align: right;
	}
	.box-eight .cus-row:nth-child(2) .cus-content,
	.box-eight .cus-row:nth-child(3) .cus-content,
	.box-eight .cus-row:nth-child(4) .cus-content,
	.box-eight .cus-row:nth-child(5) .cus-content{
		height: 179px;
	}
	.box-eight .cus-row:nth-child(2) .cus-content {
		padding: 10px 20px 0px;
	}
	.box-eight .cus-row:nth-child(3) .cus-content {
		padding: 15px;
	}
	.box-eight .cus-row:nth-child(4) .cus-content {

		padding: 10px 20px 10px;
	}
	.box-eight .cus-row:nth-child(5) .cus-content {
		padding: 10px 20px 0px;
	}

	.box-eight .cus-row:nth-child(5) .col-p-0{
		padding: 0px;
	}
	.box-eight .cus-row:nth-child(5) .cus-content img{
		margin-top: 15px;
	}
	.box-nine fieldset {
		margin: 15px 28px;
	}
	.box-nine fieldset legend {
		width: 270px;
	    line-height: 24px;
	    padding-left: 0px;
	    padding-right: 0px;
	    margin-left: 0px;
	    font-size: 22px;
	    text-align: center;
	}
	.box-nine fieldset .content {
		padding: 30px 15px 60px;
	}
	.box-nine fieldset .content img {
		padding: 0px 24px;
	}
	.box-nine {
		margin-top: 22px;
		padding-bottom: 54px;
		border-bottom: 52px solid var(--msColor);
		margin-bottom: 0px;
	}
	.box-ten {
		padding: 0px;
		margin: 0px 0px 60px;
		border: unset;
	}
	.box-ten .left {
		padding: 30px 15px 60px;
	}
	.box-ten .left h3 {
	    font-size: 20px;
	    line-height: 30px;
	    padding-right: 0px;
	}
	.wrap:lang(en) .box-ten .left h3 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.box-ten .left p {
		padding-top: 40px;
	}
	.box-ten .right {
		padding: 20px 0px;
	}
	.box-ten .right img{
		width: 209px;
		float: right;
		margin-right: 58px;
	}
	.box-eleven {
		padding-top: 0px;
		padding-bottom: 15px;
	}
	.box-eleven .box-area {
		border-left: unset;
		border-right: unset;
		border-bottom: unset;
		padding-bottom: 100px;
		margin-bottom: 0px;
	}
	.box-eleven .title {
		padding: 30px 15px 30px;
	}
	.box-eleven .title h2 {
	    font-size: 20px;
	    line-height: 25px;
	    margin: 0;
	}
	.box-eleven .content {
		padding-top: 80px;
	}
	.box-eleven .content h3 {
		padding: 15px 0px;
	}
	.box-eleven .box-end-content {
		padding: 66px 40px 57px;
	}
}
@media only screen and (max-width: 540px) {
	/*Surface Duo*/
	.box-nine fieldset legend {
	    width: 390px;
	    font-size: 26px;
	}
	.box-nine fieldset .content img {
	    padding: 0px 93px;
	}
	.box-ten .left h3 {
	    font-size: 30px;
	    line-height: 40px;
	}
	.box-ten .right img {
	    width: 209px;
	    float: unset;
	    margin-right: auto;
	}
	.box-eleven .title h2 {
	    font-size: 25px;
	    line-height: 33px;
	    margin: 0;
	}
}
@media  screen and (max-width: 480px) {
	.box-ten .left h3 {
	    font-size: 26px;
	    line-height: 36px;
	}
	.wrap:lang(en) .box-ten .left h3 {
	    font-size: 30px;
	    line-height: 45px;
	}
}
@media only screen and (max-width: 414px) {
	/*Iphone 6/7/8 plus XR*/
	.box-nine fieldset legend {
	    width: 298px;
	    font-size: 24px;
	}
	.box-ten .left h3 {
	    font-size: 24px;
	    line-height: 30px;
	}
	.wrap:lang(en) .box-ten .left h3 {
	    font-size: 28px;
	    line-height: 40px;
	}
	.box-eleven .title h2 {
	    font-size: 23px;
	    line-height: 32px;
	}

}
@media only screen and (max-width: 411px) {
	/*Pixel 2*/
}
@media  screen and (max-width: 380px) {
	.box-ten .left h3 {
	    font-size: 22px;
	}
	.wrap:lang(en) .box-ten .left h3 {
	    font-size: 26px;
	    line-height: 36px;
	}
	.wrap:lang(en) .box-eleven .title h2 {
	    font-size: 20px;
	    line-height: 26px;
	}
}
@media only screen and (max-width: 375px) {
	/* Iphone 6/7/8 Iphone X*/
	.box-eleven .title h2 {
	    font-size: 20px;
	    line-height: 28px;
	}
}
@media only screen and (max-width: 360px) {
	/*Moto G4*/
	.box-nine fieldset legend {
	    width: 265px;
	    font-size: 22px;
	}
	.box-ten .left h3 {
	    font-size: 20px;
	    line-height: 28px;
	}
	.box-nine fieldset .content img {
	    padding: 0px 50px;
	}
}
@media only screen and (max-width: 320px) {
	/*Iphone5/se*/
	.flannel p {
	    font-size: 15px;
	}
	.flannel h2 {
	    font-size: 20px;
	}
	.box-title-head .left h1 {
	    font-size: 50px;
	    line-height: 50px;
	}
	.box-title-head .right h2 {
	    padding-bottom: 0px;
	}
	.box-two h2 {
	    font-size: 28px;
	    line-height: 40px;
	}
	.box-three .left h2 {
	    font-size: 22px;
	    line-height: 30px;
	}
	.wrap:lang(en) .box-three .left h2 {
	    font-size: 30px;
	    line-height: 33px;
	}
	.box-five h2 {
	    font-size: 27px;
	    line-height: 35px;
	}
	.box-nine fieldset legend {
	    width: 241px;
	    font-size: 20px;
	}
	.box-nine fieldset .content img {
	    padding: 0px 30px;
	}
	.box-ten .left h3 {
	    font-size: 18px;
	    line-height: 27px;
	}
	.wrap:lang(en) .box-ten .left h3 {
	    font-size: 24px;
	    line-height: 32px;
	}
	.box-eleven .title h2 {
	    font-size: 18px;
	    line-height: 25px;
	}
	.wrap:lang(en) .box-eleven .title h2 {
	    font-size: 17px;
	    line-height: 23px;
	}
}
@media only screen and (max-width: 280px) {
	/*Garaxy Fold*/
	.box-title-head .left h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.flannel h2 {
		font-size: 18px;
	}
	.flannel p {
		line-height: 18px;
	}
	.box-two h2 {
	    font-size: 24px;
	    line-height: 30px;
	}
	.box-three .left h2 {
	    font-size: 20px;
	    line-height: 28px;
	}
	.wrap:lang(en) .box-three .left h2 {
	    font-size: 26px;
	    line-height: 28px;
	}
	.wrap:lang(en) .box-four .left .img-custom {
	    bottom: -256px;
	}
	.box-five h2 {
	    font-size: 27px;
	    line-height: 35px;
	}
	.box-eight .content h4 {
	    font-size: 12px;
	}
	.more_info_mobile a span {
    	font-size: 11px;
	}
	.box-nine fieldset legend {
	    width: 180px;
	    font-size: 16px;
	    line-height: 20px;
	}
	.box-nine fieldset .content img {
	    padding: 0px 20px;
	}
	.box-ten .left h3 {
	    font-size: 25px;
	    line-height: 34px;
	}
	.wrap:lang(en) .box-ten .left h3 {
	    font-size: 20px;
	    line-height: 26px;
	}
	.box-eleven .title h2 {
	    font-size: 15px;
	    line-height: 23px;
	}
	.wrap:lang(en) .box-eleven .title h2 {
	    font-size: 23px;
	    line-height: 30px;
	}
	.box-eleven .content h3 {
	    font-size: 18px;
	}
}