body{
	--ppl:100px;
	overflow-y: scroll!important;
}
/*container	*/
.terry .container-fluid{
	width: 100%;
	max-width: 1920px;
	margin: auto;
}
.terry .container-custom {
    width: 100%;
    max-width: 1185px;
    margin: auto;
}
/*start setting*/
.content-page{
	background: #fff;
}
.terry h1,.terry h2,.terry h3,.terry h4,.terry h5,.terry h6,.terry p{
	color: #000;
	padding: 0;
	margin: 0;
}
/*.wrap .terry h1,
.wrap .terry h2,
.wrap .terry h3,
.wrap .terry h4,
.wrap .terry h5,
.wrap .terry h6,
.wrap .terry p,
.wrap .terry label{
	font-family: 'Prompt', sans-serif!important;
}*/
.terry h1,.terry h2,.terry h3,.terry h4,.terry h5,.terry h6{
	line-height: 34px;
}

.terry h1,
.terry .number{
	font-size: 52px;
    line-height: 52px;
	font-weight: 600;
	color: #000;
}
.terry h2 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 700;
}
.terry h3 {
	font-size: 28px;
	line-height: 38px;
	font-weight: 700;
}
.terry h4 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
}

.terry p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
}
.terry b{
	font-weight: inherit;
}
.d-block{
	display: block;
}
.d-flex {
	display: flex;
}
.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%);
}

.w-100{
	width: 100%!important;
	height: 100%!important;
}
.p-0{
	padding: 0;
}
.img-fluid {
	max-width: 100%;
	height: auto;
} 
.mx-auto{
	margin: auto;
}
.col-center{
	float: none;
	margin: 0 auto;
}
.mscolor {
	color: var(--msColor)!important;
}
.bgmscolor{
	background: var(--msColor)!important;
}
.height100{
	height: 100%;
}
.text-light{
	color: #fff!important;
}
.owl-carousel .owl-item img {
	display: block;
	width: auto;
}
.owl-nav button.owl-prev {
	background: #fff0!important;
}
.owl-nav button.owl-next {
	background: #fff0!important;
}
.owl-dots button.owl-dot.active {
    background-color: var(--msColor)!important;
}
.imgh{
	width: 100%!important;
	height: 100vh!important;
	display: block;
}
.terry .more_product {
	display: block;
	padding-top: 50px;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	color: #222222;
	text-decoration: underline;
}
.terry .more_product:hover {
	cursor: pointer;
	color: var(--msColor);
}
/*end setting*/

/*section-hero*/
.section-hero,
.section-hero img{
	height: 100vh!important;
}
.section-hero .content-img{
	position: relative;
}
.section-hero .content-img .content {
    position: absolute;
    top: 50px;
    left: 56%;
    width: 100%;
    max-width: 432px;
}
.section-hero .content-img .content h2{
	padding-bottom: 30px;
}
/*section-one*/
.section-one{
	position: relative;
	height: 100vh;
}
.section-one .left .content{
	position: relative;
	padding-right: 100px;
}
.section-one .left .content h2,
.section-two .content h2{
	padding-bottom: 60px;
}
.section-one .left .content h2 + p{
	padding-bottom: 30px;
}
.section-one .right .content .img1{
	width: 350px;
}
.section-one .right .content .img2 {
    position: absolute;
    top: 143px;
    left: 43%;
    width: 300px;
}
/*section-two*/
.section-two{
	position: relative;
	padding: 60px 0 80px;
}
.section-two,
.section-three{
	background: #F5F2EB;
}
.section-two .ab-img {
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 100%;
    max-width: 933px!important;
}
.section-two .content {
    width: 100%;
    max-width: 400px;
}
/*section-three*/
.section-three{
	position: relative;
	z-index: 0;
}
.section-three::before{
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #222222;
	z-index: -1;
}
.section-three .pad{
	padding: 100px 20px 80px!important;
}
.section-three .box{
	padding: 0px 85px;
}
.section-three .left .content {
    padding-right: 113px;
}
.section-three .left .content2{
	padding-right: 50px;
}
.section-three h3{
	padding-bottom: 30px;
}
.section-three .border-middle{
	width: 100%;
	height: 1px;
	background: #000;
	margin: 50px 0;
}
/*section-four*/
.section-four .owl-dots {
    display: none;
}
.section-four .content {
    padding-right: 44px;
}
.section-four .content .text2 {
    text-align: right;
    margin-top: -51px;
}
.section-four .content .text2 h2::first-letter{
	font-size: 120px;
    line-height: 120px;
	font-weight: 600;
	color: #000;
}
.section-four .box-img{
	padding: 0 100px;
}
.section-four .box-img .left,
.section-four .box-img .right {
    padding: 80px 0 80px;
    border-top: 4px solid #b8b6b6;
}
.section-four .box-img img{
    border: 7px solid #fff;
    border-radius: 50%;
}
.section-four .box-img .active{
	position: relative;
	border-top: 4px solid var(--msColor);
}
.section-four .box-img .active img{
    border: 7px solid var(--msColor);
    border-radius: 50%;
}
.section-four .box-img .active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-width: 20px 20px 0 20px;
    border-color: var(--msColor) transparent transparent transparent;
    border-style: solid;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.section-four .box-img .btn-box:not(.active):hover img{
	cursor: pointer;
	/*border-top: 4px solid #9e9d9d;
	border: 7px solid #9e9d9d;
    border-radius: 50%;*/
}
.section-four h2{
	font-size: 37px;
}
.wrap:lang(en) .section-four h2{
	font-size: 35px;
}
.wrap:lang(en) .section-four .content .text2{
	padding-right: 10px;
}
.section-four .content,
.section-four .content2,
.section-six .content {
    padding-left: 100px;
}
.section-four .content2 p:first-child{
	padding-bottom: 30px;
}
.section-four h4{
	padding-top: 20px;
}

/*section-five*/
.section-five{
	position: relative;
	margin-bottom: 50px;
}
.section-five .col-4{
	width: 31%;
}
.section-five .col-8{
	width: 69%;
}
.section-five .col-4,
.section-five .col-8{
	float: left;
}
.section-five .container-custom:after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height:100%;
	z-index: 1;
}
.section-five .container-custom:after,
.section-five .bg-left{
	background: #d5d5cc;
}
.section-five:after{
	content:"";
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height:100%;
	background: #eee;
	z-index: 1;
}
.section-five:after,
.section-five .bg-right{
	background: #222222;
}
.section-five .z2{
	z-index: 2;
}
.section-five .bg-left{
	padding: 20px 0 20px 15px;
}
.section-five .bg-left .content {
    height: 100%;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
    border-left: 1px solid #222222;
}
.section-five .bg-left .content .box1{
	border-bottom: 1px solid #222222;
}
.section-five .bg-left .content .box1, 
.section-five .bg-left .content .box2 {
    height: 50%;
    padding: 40px;
}
.section-five h2{
	font-weight: 300;
}
.section-five .bg-right .row-pm-0 {
    margin-right: 0px;
    margin-left: 0px;
}
.section-five .grap-l{
	padding-left: 0;
}
.section-five .grap-r{
	padding-right: 5px;
}
.section-five .grap-r2{
	padding-right: 20px;
}
.section-five .blc-1{
	border-left: 1px solid var(--msColor);
}
.section-five .ptb-2{
	padding-top: 50px;
	padding-bottom: 100px;
}
.section-five .img1{
	padding: 30px 0 40px;
}
.section-five .more_product{
	padding-top: 80px;
}
.section-five .content-text h4{
	padding:50px 0;
}
.section-five .owl-dots {
    text-align: center;
    padding-top: 0;
    position: absolute;
    bottom: 20px;
    left: 50%;
}
.section-five .b-col{
	padding: 30px 0 100px 80px;
}

/*.section-six */
.section-six {
    background: #f5f2eb;
    padding: 20px 20px 20px 0;
}
.section-six .content {
    padding-right: 60px;
    padding-top: 35px;
}
.section-six h2{
	font-weight: 300;
}
.section-six p{
	padding: 30px 0 50px;
}
.hidden-custom-414,
.hidden-custom-390,
.hidden-custom-360{
	display: none;
}
@media  screen and (min-width: 768px) {
	.terry .container-fluid,
	.terry .container-custom{
		padding: 0;
	}
	.terry .container-custom {
	    max-width: 100%;
	    padding-right: 15px;
	    padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
	}
}
@media  screen and (min-width: 1250px) {
	.terry .container-custom {
	    max-width: 1090px;
	}
}
@media screen and (min-width: 1500px){
	.terry .container-custom {
	    max-width: 1260px;
	}
	.section-one .right .content .img2 {
	    left: 37%;
	}
	.section-four .content .text2 {
	    padding-right: 55px;
	}
	.wrap:lang(en) .section-four .content .text2 {
	    padding-right: 80px;
	}

}
@media screen and (min-width: 1550px){
	.section-four .content .text2 {
	    padding-right: 47px;
	}
}
@media screen and (min-width: 1580px){
	.section-four .content {
	    padding-right: 80px;
	}
	.section-four .content .text2 {
	    padding-right: 5px;
	}
	.wrap:lang(en) .section-four .content .text2 {
	    padding-right: 28px;
	}
}
@media screen and (min-width: 1600px){
	.terry .container-custom {
	    max-width: 1275px;
	}
}
@media screen and (min-width: 1650px){
	.terry .container-custom {
	    max-width: 1290px;
	}
	.wrap:lang(en) .section-four .content .text2 {
	    padding-right: 33px;
	}
}
@media screen and (min-width: 1690px){
	.wrap:lang(en) .section-four .content .text2 {
	    padding-right: 25px;
	}
}
@media screen and (min-width: 1700px){
	.terry .container-custom {
	    max-width: 1300px;
	}
	.section-one .right .content .img2 {
	    left: 36%;
	}
	.section-four .content {
	    padding-right: 117px;
	}
	.section-four .content .text2 {
	    padding-right: 0;
	    margin-right: -30px;
	}
	.wrap:lang(en) .section-four .content .text2 {
	    padding-right: 0;
	    margin-right: -20px;
	}
}
@media screen and (min-width: 1749px){
	.wrap:lang(en) .section-four .content .text2 {
	    padding-right: 0;
	    margin-right: -26px;
	}
	.section-four .content .text2 {
	    margin-right: -40px;
	}
}
@media screen and (min-width: 1750px){
	.terry .container-custom {
	    max-width: 1330px;
	}
	.section-four .content {
	    padding-right: 80px;
	}
	.section-four .content .text2 {
	    padding-right: 10px;
	    margin-right: 0;
	}
	.wrap:lang(en) .section-four .content .text2 {
	    padding-right: 34px;
	    margin-right: 0;
	}
}
@media screen and (min-width: 1800px){
	.section-one .right .content .img2 {
	    left: 35%;
	}
	.section-four .content .text2 {
	    padding-right: 2px;
	}
	.wrap:lang(en) .section-four .content .text2 {
	    padding-right: 26px;
	}
}
@media screen and (min-width: 1850px){
	.terry .container-custom {
	    max-width: 1350px;
	}
}
@media  screen and (min-width: 1899px) {
	.terry h1,
	.terry .number {
		font-size: 72px;
		line-height: 86px;
	}
	.terry h2 {
		font-size: 48px;
		line-height: 56px;
	}
	.terry h3 {
		font-size: 36px;
		line-height: 55px;
	}
	.terry h4 {
		font-size: 24px;
		line-height: 36px;
	}

	.terry p {
		font-size: 20px;
		line-height: 29px;
	}
	.terry .container-custom {
	    max-width: 1452px;

	}
	.section-hero .content-img .content {
	    max-width: 535px;
	}
	.section-one .right .content .img2 {
	    left: 33%;
	}
	.section-one .left .content {
	    padding-right: 177px;
	}
	.section-two .content {
	    max-width: 493px;
	}
	.section-three .box {
	    padding: 0px 140px;
	}
	.section-four h2{
		font-size: 47px;
	}
	.section-four .content {
	    padding-right: 50px;
	}
	.section-four .content .text2 {
	    padding-right: 20px;
	}
	.wrap:lang(en) .section-four h2 {
	    font-size: 47px;
	}
	.wrap:lang(en) .section-four .content .text2 {
	    padding-right: 40px;
	}
	.section-five .ptb-2 {
	    padding-top: 80px;
	    padding-bottom: 120px;
	}
	.wrap:lang(en) .section-six p {
	    padding: 30px 120px 50px 120px;
	}
}
@media  screen and (max-width: 1350px) {
	.section-one .right .content .img2 {
	    top: 143px;
	    left: 43%;
	}
}
@media  screen and (max-width: 1250px) {
	.terry h1, .terry .number {
	    font-size: 48px;
	    line-height: 48px;
	}
	.terry h2 {
	    font-size: 34px;
	    line-height: 44px;
	}
	.section-four .content .text2 h2::first-letter{
		font-size: 80px;
	    line-height: 80px;
	}
	.section-one .right .content .img2 {
	    left: 43%;
	}
}
@media  screen and (max-width: 1249px){
	.section-one .right .content .img2 {
	    left: 38%;
	}
	.section-three .left .content {
	    padding-right: 150px;
	}
}
@media  screen and (max-width: 1200px){
	.section-four .content .text2 h2::first-letter{
		font-size: 70px;
	    line-height: 70px;
	}
	.section-one .right .content .img2 {
	    top: 205px;
	    left: 39%;
	    width: 212px;
	}
	.section-four .content, .section-four .content2, .section-six .content {
	    padding-left: 80px;
	}
	.section-two .ab-img {
	    max-width: 824px!important;
	}
	.section-two .content {
	    max-width: 350px;
	}
}
@media  screen and (max-width: 1150px){
	.section-one .right .content .img2 {
	    left: 41%;
	}
}
@media  screen and (max-width: 1120px){
	.terry h2,
	.wrap:lang(en) .section-four h2 {
	    font-size: 32px;
	    line-height: 42px;
	}
	.section-one .right .content .img2 {
	    left: 42%;
	}
	.wrap:lang(en) .section-four .content .text2 {
	    margin-top: -33px;
	    padding-right: 48px;
	}
}
@media  screen and (max-width: 1100px){
	.section-one .right .content .img2 {
	    left: 43%;
	}
}
@media  screen and (max-width: 1080px){
	.section-four .content, .section-four .content2, .section-six .content {
	    padding-left: 60px;
	}
}
@media  screen and (max-width: 1070px){
	.section-one .right .content .img2 {
	    left: 44%;
	}
}
@media  screen and (max-width: 1024px){
	.section-hero,
	.section-hero img,
	.section-one {
	    position: relative;
	    height: 60vh!important;
	}
	.section-three .left .content {
	    padding-right: 40px;
	}
	.section-four .content, .section-four .content2, .section-six .content {
	    padding-left: 50px;
	}
	.section-one .right .content .img2 {
	    left: 46%;
	}
}
@media  screen and (max-width: 1000px){
	.section-two .ab-img {
	    max-width: 624px!important;
	}
	.section-five .bg-left .content .box1, .section-five .bg-left .content .box2 {
	    padding: 30px;
	}
	.terry h2,
	.wrap:lang(en) .section-four h2 {
	    font-size: 30px;
	    line-height: 40px;
	}
}
@media  screen and (max-width: 950px){
	.section-hero .content-img .content {
	    left: 55%;
	    max-width: 360px;
	}
	.section-one .right .content .img1 {
	    width: 290px;
	}
	.section-one .right .content .img2 {
	    top: 165px;
	    left: 42%;
	    width: 181px;
	}
	.section-four .content {
	    padding-right: 40px;
	}
}
@media  screen and (max-width: 900px){
	.section-one .right .content .img2 {
	    left: 44%;
	}
	.section-five .col-4 {
	    width: 35%;
	}
	.section-five .col-8 {
	    width: 65%;
	}
	.wrap:lang(en) .section-four .content .text2 {
	    margin-top: -33px;
	    padding-right: 28px;
	}
}
@media  screen and (max-width: 834px){
	.section-one .right .content .img2 {
	    left: 48%;
	}
	.section-three .box {
	    padding: 0px 40px;
	}
	.section-four .content, .section-four .content2, .section-six .content {
	    padding-left: 40px;
	}
	.section-four .content {
	    padding-right: 30px;
	}
	.terry h2,
	.wrap:lang(en) .section-four h2 {
	    font-size: 28px;
	    line-height: 38px;
	}
	.section-four .box-img {
	    padding: 0 50px;
	}
	.section-four .content .text2 {
	    margin-top: -42px;
	}
	.section-five .bg-left .content .box1, .section-five .bg-left .content .box2 {
	    padding: 20px;
	}

}
@media  screen and (max-width: 820px){
	.section-hero, .section-hero img, .section-one {
	    height: 55vh!important;
	}
	.section-one .right .content .img2 {
	    top: 166px;
	    left: 49%;
	}
	.section-one .left .content {
	    padding-right: 50px;
	}
	.section-four .content, .section-four .content2, .section-six .content {
	    padding-left: 30px;
	}
}
@media  screen and (max-width: 767px){
	body{
		--ppad:20px;
		--ppad2:35px;
	}
	.terry h1,
	.terry h2,
	.wrap:lang(en) .section-four h2{
		font-size: 40px;
		font-weight: 600;
	}
	.terry h1 {
	    line-height: 60px;
	}
	.terry h2,
	.wrap:lang(en) .section-four h2{
		line-height: 54px;
	}
	.terry h3{
		font-size: 32px;
		line-height: 42px;
		font-weight: 700;
		
	}
	.terry h4{
		font-weight: 300;
		font-size: 16px;
		line-height: 21px;
		
	}
	.terry p {
	    font-size: 18px;
	    line-height: 27px;
	}
	.terry .number{
		font-weight: 600;
		font-size: 72px;
		line-height: 86.5px;
	}
	.terry .more_product{
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
	}
	.section-hero, .section-hero img, .section-one {
	    height: auto!important;
	}

	.section-hero .content-img .content {
	    left: 50%;
	    max-width: 100%;
	    -moz-transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    top: 206px;
	    text-align: center;
	}
	.section-hero .content-img .content p{
		padding:30px 50px 0;
	}
	.wrap:lang(en) .section-hero .content-img .content h2 {
	    padding-bottom: 15px;
	}
	.wrap:lang(en) .section-hero .content-img .content p {
	    padding: 0px 30px 0;
	}
	.section-one .d-flex,
	.section-three .d-flex,
	.section-four .d-xs-block,
	.section-five .d-flex,
	.section-six .d-flex{
		display: block;
	}
	.section-one .middle-center,
	.section-three .middle-center,
	.section-four .d-xs-middle-center,
	.section-five .middle-center,
	.section-six .middle-center{
	    position: unset;
	    display: block;
	    width: 100%;
	    top: unset;
    	left: unset;
	    -moz-transform: unset;
	    -webkit-transform: unset;
	    -ms-transform: unset;
	    transform: unset;
	}

	.section-one .left .content {
	    padding: 60px var(--ppad) 20px;
	}
	.section-one .right .content {
	    padding: 0px var(--ppad) 60px;
	}
	.section-one .right .content .img1 {
	    width: 220px;
	}
	.section-one .right .content .img2 {
	    top: 94px;
	    left: 41%;
	}
	.section-two {
	    position: relative;
	    padding: 60px var(--ppad) 80px;
	}
	.section-two .ab-img {
	    max-width: 233px!important;
	    right: -12px;
	}
	.section-three{
	    padding: 0 var(--ppad2);
	}
	.section-three .left .content,
	.section-three .left .content2{
	    padding-right: 0;
	    padding-bottom: 60px;
	}
	.section-three .pad {
	    padding: 40px 15px!important;
	}
	.section-three .box {
	    padding: 0px 20px;
	}

	.section-four h2,
	.wrap:lang(en) .section-four h2{
		font-weight: 700;
		font-size: 17.8318px;
		line-height: 24px;
	}
	.section-four .content {
	    padding-right: 0;
	    padding-left: 0!important;
	    width: 100%;
	    max-width: 70px;
	}
	.section-four .box-img {
	    padding: 0 15px 0 15px;
	}
	.section-four .box-img img {
	    width: 95px;
	}

	.section-four .content .text2,
	.wrap:lang(en) .section-four .content .text2 {
	    margin-top: 0;
	    text-align: left;
	}
	.section-four .pr-xs-3{
		padding-right: 15px;
	}
	.section-four .content2 {
	    padding: 0 var(--ppad) 30px;
	}
	.section-four .box-img .left, 
	.section-four .box-img .right{
		padding: 40px 0 80px;
	}
	.section-five {
	    margin-bottom: 0px;
	}
	.section-five .col-4, .section-five .col-8 {
	    float: initial;
	}
	.section-five:after, .section-five .bg-right {
	    background: unset;
	}
	.section-five:after {
	    content: "";
	    position: unset;
	    top: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    background: #eee;
	    z-index: 1;
	}
	.section-five .col-4, .section-five .col-8 {
	    float: unset;
	    width: 100%;
	}
	.section-five .bg-left {
	    padding: var(--ppad);
	}
	.section-five .container-custom:after, .section-five .bg-left {
	    background: unset;
	}
	.section-five .bg-left .content {
	    border-right: 1px solid #222222;
	}
	.section-five .bg-left{
		background: #d5d5cc;
	}
	.section-five .bg-right{
		background: #222222;
	}
	.section-five .ptb-2 {
	    padding-top: 20px;
	    padding-bottom: 50px;
	}
	.section-five h4{
		font-size: 24px;
		line-height: 36px;
	}
	.section-five.sf{
		padding-top: 30px;
	}
	.section-five .blc-1 {
	    border-left: none;
	}
	.section-five .b-col,
	.section-six .content {
	    padding: 30px;
	}
	.section-six {
	    padding: 0;
	    padding-bottom: 15px;
	}
	.section-five .more_product {
	    padding-top: 30px;
	}
}
@media  screen and (max-width: 414px){
	.hidden-custom-414{
		display: block;
	}
	.section-hero .content-img .content p {
	    padding: 30px 30px 0;
	}
	.wrap:lang(en) .section-hero .content-img .content p {
	    padding: 0px 25px 0;
	}
	.section-one .right .content .img2 {
	    left: 42%;
	}

}
@media  screen and (max-width: 390px){
	.hidden-custom-390{
		display: block;
	}
	.wrap:lang(en) .section-hero .content-img .content p {
	    padding: 0px 15px 0;
	}
	.section-one .right .content .img2 {
	    left: 45%;
	}
	.section-four .box-img .left, .section-four .box-img .right {
	    padding: 40px 0 50px;
	}
}
@media  screen and (max-width: 375px){
	body {
	    --ppad: 10px;
	    --ppad2: 25px;
	    --ppad3: 20px;
	}
	.section-hero .content-img .content p {
	    padding: 0px 20px 0;
	}
	.section-hero .content-img .content {
	    top: 175px;
	}
	.wrap:lang(en) .terry h1 {
	    line-height: 42px;
	}
	.wrap:lang(en) .section-hero .content-img .content {
	    top: 220px;
	}
	.section-one .right .content .img2 {
	    left: 44%;
	}
	.section-three .box {
	    padding: 0px 10px;
	}
	
	.section-four .content2 {
	    padding: 0 var(--ppad3) 30px;
	}
	.section-four  h4 {
	    font-size: 14px;
	    line-height: 19px;
	}
	.section-five .b-col, .section-six .content {
	    padding: 25px;
	}
}
@media  screen and (max-width: 360px){
	.hidden-custom-360,
	.section-five .hidden-custom-390{
		display: block;
	}
	.hidden-custom-390 {
	    display: none;
	}
	.terry h1,
	.section-hero .content-img .content h2{
		font-size: 36px;
	    line-height: 42px;
	}
	.wrap:lang(en) .section-hero .content-img .content {
	    top: 188px;
	}
	.terry p {
	    font-size: 16px;
	    line-height: 25px;
	}
	.section-hero .content-img .content p {
	    padding: 0px 15px 0;
	}
	.section-one .right .content .img2 {
		top: 124px;
	    left: 46%;
	    width: 140px;
	}
}
@media  screen and (max-width: 340px){
	.hidden-custom-414,
	.hidden-custom-390,
	.hidden-custom-360{
		display: none!important;
	}

	.terry h1, .section-hero .content-img .content h2,.terry h2,.wrap:lang(en) .section-four h2 {
	    font-size: 26px;
	    line-height: 36px;
	}
	.terry h3 {
	    font-size: 26px;
	    line-height: 36px;
	}
	
	.terry p {
	    font-size: 13px;
	    line-height: 23px;
	}
	.section-one .left .content h2, .section-two .content h2 {
	    padding-bottom: 30px;
	}
	.section-one .right .content .img1 {
	    width: 154px;
	}
	.section-one .right .content .img2 {
	    top: 86px;
	    left: 36%;
	    width: 98px;
	}
	
	.section-three h3 {
	    padding-bottom: 20px;
	}
	.section-four h2,
	.wrap:lang(en) .section-four h2 {
	    font-size: 13px!important;
	    line-height: 19px!important;
	}
	.section-four .content {
	    max-width: 50px;
	}
	.section-four h4 {
	    font-size: 11px;
	    line-height: 19px;
	}
}
@media  screen and (max-width: 320px){
	.section-one .right .content .img2 {
	    left: 38%;
	}
	.wrap:lang(en) .section-hero .content-img .content {
	    top: 166px;
	}
}
@media  screen and (max-width: 310px){
	.section-one .right .content .img2 {
	    left: 40%;
	}
}
@media  screen and (max-width: 300px){
	.section-one .right .content .img2 {
	    left: 41%;
	}
}
@media  screen and (max-width: 290px){
	.section-one .right .content .img2 {
	    left: 42%;
	}
}
@media  screen and (max-width: 280px){
	.section-one .right .content .img2 {
	    left: 44%;
	}
}