@media (max-width: 1180px){
	.container{
		width: 100%;
	} 
	.main .sec1 b,
	.main .sec1 strong,
	.main .sec1 em,
	.main .sec1 p{
    	font-size: 20px;
	}
	.sec4 .sec_left { 
		align-self: center;
	}
	.sec4{ 
    	padding: 10px 0;
	}
	.sec4_fig1,
	.sec4_fig2,
	.sec4_fig3{ 
	    display: block;
	    margin: 0;
	    width: initial;
	    max-width: 100%;
	    height: 0;
	    background-size: contain;
	    background-position: center;
	    padding-top: 92%;
	}
	.sec5 h3:last-of-type {
		margin-top: 0;
	}	
	.sec5_fig{  
	    padding-top: 80%;
	    height: 0;
	}
	.sec8 .sec_left{ 
    	align-self: center;
	}
	.sec8_mid{
		background-position: center;
	}
	.sec8_box {
    	margin-top: 0;
	}
	.sec9 .sec_left{ 
    	align-self: flex-end;
	}
	.sec9 ul{ 
    	margin-bottom: 20px;
	}
	.sec13_fig{ 
	    display: block;
	    margin: 0;
	    width: initial;
	    max-width: 100%;
	    height: 0;
	    background-size: contain;
	    background-position: center;
	    padding-top: 55%;
	}

	.sec14, 
	.sec14 .container{
		background: #c9dfe0;
	}
	.sec14 .container{
		flex-direction: column;
		max-width: 100%;
    	padding: 0;
	}
	.sec14 .sec_left h2{ 
		padding-top: 40px; 
	}
	.sec14 .sec_right{
		position: relative;
		background: #c9dfe0 url(./../images/model4.jpg) no-repeat top 190px left 62%; 
	    background-position: bottom 0 left 56%;
	    background-size: 1540px;
	    min-height: 865px;
	    max-width: 640px;
	    margin: 0 auto;
	}
	.sec_top{ 
	    background-position: center -160px;
	    text-align: center;
	    height: 540px;
	    padding-top: 45px;
	} 
	.sec_bottom{ 
	    height: 240px;
	    width: 180px;
	    display: block;
	    position: absolute;
	    top: 40%;
    	right: 50px; 
	    margin: 0;
	}
	.sec14_fig1{
		margin: 0;
		width: initial;
		max-width: 100%;
		height: 0;
		background-size: contain;
		background-position: center;
		padding-top: 130%;
	}
	.sec14_fig2{   
	    width: 116px;
	    height: 116px;
	    max-width: 100%; 
	    background-size: contain;
	    display: block;
	    position: absolute;
	    right: -67px;
	    bottom: 70px;
	}
	.sec14 .sec2_box{
		display: none;
	}
	.sec14.mobileOnly{
		min-height: 0;
		display: block !important;
	}
	.sec14.mobileOnly .container{
		min-height: 0; 
	}
	.sec14 .sec2_box {
		margin-top: 0;
	}
	.sec14 .sec2_bottom i {
		font-style: normal;
		font-size: 13px;
		color: #222;
		font-weight: 500;
		text-align: center;
		display: block;
		margin-top: 15px;
	}
	.sec14 .btn {  
		margin: 0 auto; 
	}
	.sec14.mobileOnly .sec2_box{
		display: block ;
	}
	.sec14.mobileOnly .sec2_bottom{ 
    	margin: 30px auto;
	}
	.sec14 p,
	.sec14 h2 {
    	text-align: center;
	}
	.sec14 p br{
		display: none;
	}
	.sec9 {
    	padding-top: 0;
	}
	.sec9 .container{
		flex-direction: column;
	}
	.sec9 .sec_left,
	.sec9 .sec_right,
	.sec14 .sec_left,
	.sec14 .sec_right{
		width: 100%;
		margin: 0 auto;
	}

	.sec9 .sec_left{
		order: 2;
		width: 70%;
		margin: 0 auto;
	}

	.sec9 h4{
    	margin-top: 35px;
	}

	.sec9_fig{
		background-position: center;
    	padding-top: 66%;
	}

	.sec9 .sec_right{
		order: 1;
	}
	.sec_top{ 
    	padding-top: 25px;
	}
	.sec_top p,
	.sec_top h5{ 
    	font-size: 35px;
    	font-weight: 600;
	}
}

@media(min-width: 1050px){ 
	.carouselnav{
		display: none;
	}
}

@media(max-width: 1049px){ 
	.top_logo{ 
    	background-position: left center;
	}
	.logotop{
    	margin-bottom: 20px;
	}
	.sec3 .container{
		flex-direction: column;
	}
	.sec3 .sec_left{ 
		width: 100%;
		max-width: 480px;	
		margin: 0 auto;
	}
	.sec3 ul {
	    max-width: 480px;
	    margin: 0 auto;
	}
	.sec3 .sec_right{
		width: 100%;
		margin: 0 auto;
	}
	.sec3 .sec_right h1,
	.sec3 .sec_right p{
		text-align: center;
	}
	.off20{  
	    left: 20%;
	    top: 21%; 
	    margin: 0;
	    width: initial;
	    max-width: 100%;
	    height: 0;
	    background-size: contain;
	    background-position: center;
	    padding-top: 75%;
	    padding-right: 25%;
	}
	.sec3 .desktopOnly{
		display: none !important;
	}
	.sec3 .mobileOnly{
		display: flex !important;
		align-items: center;
		justify-content: space-between;
	}
	.sec3 .mobileOnly .sec_left,
	.sec3 .mobileOnly .sec_right{
		width: 48%;
	}
	.sec3 b, .sec3_p, .sec3 strike {
		font-size: 22px;
	}
	.sec3 em {
    	font-size: 29px;
	}
	.sec3 .btn {
    	width: 100%;
    	margin: 0 auto 10px;
	    max-width: 340px;
	    font-size: 20px;
	}
	.sec3 .sec_mid .mobileOnly{
		display: flex !important; 
		align-items: center;
		justify-content: space-between;
    	margin: 0 auto;
    	max-width: 480px;
	}
	.sec3 .sec_mid .mobileOnly{
		display: flex;
		margin: 30px auto;
	}
	.sec3 .sec3_price{
		flex-direction: column;
	}
	p.sec3_p {
    	margin-bottom: 0;
	}
	.sec3_fig{ 
	    display: block;
	    margin: 0;
	    width: initial;
	    max-width: 100%;
	    height: 0;
	    background-size: contain;
	    background-position: center;
	    padding-top: 75%;
	}
	.sec14 .sec_left,
	.sec13 .container,
	.sec11 .container,
	.sec8 .container,
	.sec7 .container,
	.sec5 .container{ 
    	max-width: 100%;
	}
	.main .sec6_slider{
		position: relative;
	    padding-top: 410px;
	    max-width: 90%;
	    margin: 0 auto;
	    display: none;
	}
	.sec6 {
		padding: 0;
	}
	.sec6 .container:last-of-type { 
	    padding-top: 410px;
	    max-width: 90%;
	    margin: 0 auto;
	}
	.sec6 .container.not_flex{
		padding-top: 30px;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	}
	.sec6 h3:last-of-type {
		margin-top: 20px;
	}
	.sec6 .imgwrap {
    	width: 70%;
    	margin: 10px auto;
	}
	.sec6_fig{ 
    	padding-top: 54%;
    	margin-bottom: 20px;
	}
	.sec6 .sec6p2 {
		margin-top: 15px;
	}
	.sec6_slides{ 
	    width: 100%;
	    max-width: 480px;
	    margin: 0 auto;
		position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    display: flex;
	    justify-content: center;
	    overflow-x: scroll; 
	    scroll-behavior: smooth;
	    scroll-snap-type: x mandatory;
	}
	.sec6_box{ 
		position: relative; 
		flex: 0 0 100%;
		width: 50%; 
    	overflow: hidden;
	}
	.sec6_fig1,
	.sec6_fig2,
	.sec6_fig3 { 
    	padding-top: 70%;
	}
	.sec6 ::-webkit-scrollbar {
	  width: 0;
	}

	.sec6 ::-webkit-scrollbar-track {
	  background: transparent;
	}

	.sec6 ::-webkit-scrollbar-thumb {
	  background: transparent;
	  border: none;
	}
	.sec7_fig2{
    	padding-top: 49%;
		background-position: center;
	}
	.carouselnav{  
	    max-width: 100%;
	    margin: 0 auto;
	}
	.main .carouselnavli{
		width: 30%;
		background: none;
		padding: 0;
	}  
	.main .carouselnavul{  
	    width: 480px;
	    margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 20px;
	}
	.carouselnav input{ 
		position: absolute;    
		display: none;
		visibility: hidden;
	}
	.navlink{ 
		display: block;
		width: 100%;
		height: 10px;
		background: transparent;
		position: relative; 
	    scroll-behavior: smooth;
	} 
	.carouselnavul label{
	  background: #ececec;
	}
	#radio1:checked ~ .carouselnavul #navDot1,
	#radio2:checked ~ .carouselnavul #navDot2,
	#radio3:checked ~ .carouselnavul #navDot3{
	  background: #2980b9;
	}
	.sec8 .container{
		flex-direction: column;
	}
	.sec8 .sec_left,
	.sec8 .sec_right{
		width: 100%;
	}
}

@media(max-width: 1000px){
	.logotop{
    	border-bottom: 2px #8cb0b2 solid;
	} 
	.logotop .top_logo {
		padding-top: 17%;
	}
	.sec6 h5 {
    	font-size: 18px;
	}
	.sec4 {
		padding: 30px 0 0;
	}
	.sec10 .container,
	.sec13 .container,
	.sec4 .container{
		flex-direction: column;
	}
	.sec10 {
		padding: 40px 0 20px;
	} 
	.sec10 h3{  
	    max-width: 460px;
	    margin: 0 auto;
	}
	.sec10_fig1, 
	.sec10_fig2, 
	.sec10_fig3, 
	.sec10_fig4, 
	.sec10_fig5{
		padding-top: 60%;
		background-position: center;
	}


	.sec10 .sec_left{
		order: 1;
	    width: 50%;
	    margin: 0 auto;
	}

	.sec10 .sec_right{
    	width: 90%;
		order: 2;
	    margin: 20px auto;
    	text-align: center;
	}

	.sec4_box { 
	    width: 100%;
	    max-width: 500px;
	    margin: 0 auto 30px;
	    align-items: center;
	}
	.sec5 h3 {
		margin-top: 0;
	}
	.sec5 .imgwrap{
		display: none;
	}
	.sec5.mobileOnly{
		display: block;
		float: none;
	}
	.sec5 .imgwrap.mobileOnly{
		display: block !important;  
	    width: 100%;
	    max-width: 800px;
		margin: 0 auto 20px;
		float:none;
	}
	.sec10 .container {
		margin-bottom: 20px;
	}
	.sec11 .container { 
    	flex-direction: column;
	}
	.sec11 .sec_left,
	.sec11 .sec_right,
	.sec13 .sec_right{
		width: 100%;
	}
	.sec13 .sec_left{
		width: 70%;
		margin: 0 auto;
	}
	.sec11 {
    	margin-top: 0;    
    	padding-bottom: 0;
	}
	.sec12{ 
		background: linear-gradient(90deg, rgb(179 114 122) 50%, rgb(140 177 179) 50%); 
	    background-size: contain; 
	}
	.sec12 .container {
		background: url(./../images/bgarrow-m.jpg) no-repeat left 40% center;      
		background-size: cover;
	    min-height: auto;
	    box-sizing: border-box;
	    padding: 0 10px;
	    position: relative;
	}
	.sec12 .sec_mid{
    	padding-top: 20px;    
    	width: 45%;
	}
	.sec12_fig2{
		background-position: right bottom;
	    display: block;
	    position: absolute;
	    bottom: 0;
	    margin: 0;
	    width: initial;
	    max-width: 100%;
	    height: 0;
	    background-size: contain;
	    background-position: center right;
	    padding-top: 164%;
	    padding-right: 122%;
	}
	.sec12 h5{ 
    	padding: 20px 0;
	}
	.sec12 .sec_left{ 
	    position: absolute;
	    top: -110px;
	    left: -20px;
	}
	.sec12 .sec_right {
		width: 52%;
	}
}

@media(max-width: 1000px) and (min-width: 735px){
	.sec12{ 
    	margin-top: 51%;
	}
}
@media(max-width: 753px){
	.logotop.sticky .topright{
		display: none;
	}
	.logotop .imgwrap {
		width: 100%;
		margin: 0 auto;
	}
	.logotop .top_logo {
		padding-top: 7%;
		background-position: center;
	}
}
@media(max-width: 734px){
	.sec12{
    	margin-top: 40%;
	}
	.sec12 .sec_mid {
		width: 46%;
	}
}
@media(max-width: 700px){
	.sec7 .mobileOnly{
		display: block !important;
	    width: 70%;
	    margin: 0 auto;
	}
	.sec7 .desktopOnly{
		display: none !important;
	}
	.sec7 .sec_left {
		width: 100%;
	}
	.sec9 .sec_left {  
    	width: 90%;
	}
}
@media(max-width: 660px){ 
	.top_logo{
    	padding-top: 8%;
	}
	.sec7_fig2 {
    	padding-top: 69%;
	}
	.sec6_fig {
    	padding-top: 85%;
	}
	.sec14_fig2 {
		width: 96px;
		height: 96px;
		max-width: 100%;
		background-size: contain;
		display: block;
		position: absolute;
		right: -45px;
		bottom: 70px;
	}
}
@media(max-width: 555px){ 
	.logotop{ 
    	padding: 10px 0;
	}
	.logotop .top_logo {
		padding-top: 12%;
	}
}
@media(max-width: 480px){
	.top_logo{
    	padding-top: 11%;
	}
	.container{
		width: 100% !important;
		padding: 0 10px;
	}
	.main .sec1 b, 
	.main .sec1 strong, 
	.main .sec1 em, 
	.main .sec1 p{ 
    	font-size: 13px;
	}
	.main h3 {
    	font-size: 29px;
	}
	.sec3 .mobileOnly .sec_left {
		width: 42%;
	} 
	.sec3 .mobileOnly .sec_right {
		width: 55%;
	}
	.main .sec3_p{ 
    	font-size: 13px;
	}
	.sec3 .btn {
    	width: 100%;
    	margin: 0 auto 10px; 
	    font-size: 14px;
	}
	.sec3{
    	padding-bottom: 0px;
	}
	.sec3 b{
		font-size: 13px;
	}
	.sec3_p, .sec3 strike {
		font-size: 13px;
	}
	.sec5 p{
    	font-size: 18px;
	}
	.sec6_fig{
    	padding-top: 94%;
	}
	.sec6 .imgwrap{
    	width: 80%;
    	margin: 10px auto;
	}
	.sec6 h3:last-of-type {
		margin-top: 28px;
	}
	figure.sec7_fig2 {
		height: 0;
		padding-top: 89%;
		background-position: center;
	}
	.sec7 .padTopM, 
	.sec7{
    	padding-top: 0
	}
	.main .sec7 h3{
    	font-size: 27px;
	}
	.sec8_mid {
		height: 0;
		margin-right: 0;
		padding-top: 63%;
	}
	.sec9 .sec_left {
		width: 100%;
	}
	.sec10 .container:nth-of-type(odd) {
		flex-direction: column;
	}
	.sec10 figure{ 
	    width: 100%; 
	    height: 58px;
    	background-position: top center;
	}
	.sec10 .sec_right {
    	width: 100%;
	} 
	.main .carouselnavul,
	.sec6 h5{ 
    	max-width: 310px;
    	margin: 0 auto;
	}
	.sec6 {
		padding: 0;
	}
	.sec6 .container:last-of-type{ 
    	max-width: 95%;
    	padding-top: 10px;
	}
	.sec6 .carouselnav .container:last-of-type{
		padding-top: 10%;
	}
	.sec6_fig1, 
	.sec6_fig2, 
	.sec6_fig3 {
		padding-top: 80%;
	}
	.sec9 h4 {
    	font-size: 19px;
	}
	.main li {
	    font-size: 16px;
	    line-height: 1.2;
	    padding: 4px 0 9px 25px;
	}
	.sec12_fig1{ 
	    top: -25px;
	    right: -48px;
	    height: 161px;
	}
	.sec12 .sec_mid{
		padding-top: 10px;
	}
	.sec12 h5 {
		padding: 0;
	}
	.main .sec13 b{
	  font-size: 18px; 
	}
	.sec14{
    	padding-bottom: 20px;
	}
	.sec14 .sec_left{
		box-sizing: border-box;
		padding: 0 20px 20px;
	}
	.sec14.mobileOnly .sec2_bottom {
		margin: 0 auto;
	}
	.sec14 .btn {
		margin: 10px auto 0;    
		width: 90%;
	    display: block;
	    font-size: 19px;
	    box-sizing: border-box;
	    padding: 20px 20px;
	}
	.sec16 {
		padding: 25px 0;
	}
	.sec16_fig{
    	height: 127px;
	}
}
@media(max-width: 480px){ 
	.sec_top p, 
	.sec_top h5 {
    	font-size: 30px;
	}
	.sec14 .sec_right{ 
		background-size: 1120px;
		min-height: 625px;
		background-position: bottom 0 left 64%;
	}
	.sec_top{
		background-position: center -200px;
	}
	.sec14_fig2{
		width: 86px;
		height: 86px;	
	    right: -30px;
	    bottom: 94px;
	}
	.sec_bottom{ 
	    top: 39%;
	    right: 13%;
	}
	.sec11 h5 {
		font-size: 16px;
		font-weight: 500;
		padding-bottom: 5px;
		line-height: 1.3;
	}
	.sec12 .sec_mid {
		width: 47%;
	}
	.sec14_fig1{
		padding-top: 100%
	}
	.sec12 h5 em,
	.sec12 h5 {
    	font-size: 15px;
	}
}
@media(max-width: 385px){ 
	.top_logo{
    	padding-top: 13%;
	}
	.sec3 .mobileOnly .sec_right {
		width: 50%;
	}
	.sec3 b {
		font-size: 12px;
	}
	.main .sec3 strike,
	.main .sec3_p {
		font-size: 11px;
	}

	.sec_top{
		background-position: center -200px;
	}
	.sec14 .btn{
    	font-size: 17px;
	}
	.sec14 .sec_right{
		background-size: 1170px;
		min-height: 655px;
		background-position: bottom 0 left 61%;	
	}
	.sec_bottom { 
		right: 5%;
	}
	.sec14_fig2 {
		width: 76px;
		height: 76px;
		right: -16px;
		bottom: 96px;
	}
}
@media(min-width: 1050px){
  .sec6slider{
    display: none;
  }
} 
@media(max-width: 1049px){  
	.sec6txtb .desktopOnly{
		display: none !important;
	}
	.sec6txtb .mobileOnly{
		display: block !important;
	}
  .sec6slider{
    display: block;
  } 
  .sec6slider h5{ 
    font-size: 24px;
    color: white;
    background: #8cb0b2;
    display: block;
    text-align: center;
    padding: 10px 0;
  }
	.carousel { 
	    width: 480px;
	    position: relative;
	    box-shadow: none;
	    margin: 0 auto 30px;
	}

	.carousel-inner {
	    position: relative;
	    overflow: hidden;
	    width: 100%;
	}

	.carousel-open:checked + .carousel-item {
	    position: static;
	    opacity: 100;
	}

	.carousel-item { 
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    opacity: 0; 
	    -webkit-transition: opacity 0.3s ease-out;
	    transition: opacity 0.3s ease-out;
	    top: 0;
	}

	.carousel-item img {
	    display: block;
	    height: auto;
	    max-width: 100%;
	}

	.carousel-control {
	    background: rgba(0, 0, 0, 0.28);
	    border-radius: 50%;
	    color: #fff;
	    cursor: pointer;
	    display: none;
	    font-size: 40px;
	    height: 40px;
	    line-height: 35px;
	    position: absolute;
	    top: 50%;
	    -webkit-transform: translate(0, -50%);
	    cursor: pointer;
	    -ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	    text-align: center;
	    width: 40px;
	    z-index: 10;
	}

	.carousel-control.prev {
	    left: 2%;
	}

	.carousel-control.next {
	    right: 2%;
	}

	.carousel-control:hover {
	    background: rgba(0, 0, 0, 0.8);
	    color: #aaaaaa;
	}

	#carousel-1:checked ~ .control-1,
	#carousel-2:checked ~ .control-2,
	#carousel-3:checked ~ .control-3 {
	    display: block;
	}

	.carousel-indicators {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    position: relative;
	    margin-top: 40px;
	    left: 0;
	    right: 0;
	    text-align: center;
	    z-index: 10;
	    display: flex;
	}

	.carousel-indicators li {
	    display: inline-block;
		background: none;
	    margin: 0 5px;
	    width: 32%;
    	padding: 0;
	}

	.carousel-bullet { 
	    width: 100%;
	    height: 10px;
	    background: #ececec;
	    cursor: pointer;
	    display: block;
	    font-size: 35px;
	}

	.carousel-bullet:hover {
	    color: #aaaaaa;
	}

	#carousel-1:checked ~ .carousel-indicators li:nth-child(1) .carousel-bullet,
	#carousel-2:checked ~ .carousel-indicators li:nth-child(2) .carousel-bullet,
	#carousel-3:checked ~ .carousel-indicators li:nth-child(3) .carousel-bullet {
	    color: #2980b9;
	  	background: #2980b9;
	} 
 
}