@charset "utf-8";
/* CSS Document */

@media (min-width: 1200px) {
    .container {
		max-width: 1200px;
		padding-left: 3rem;
		padding-right: 3rem;
    }
}
@media (min-width: 1600px) {
	.container {
		max-width: 1260px;
		padding-left: 3rem;
		padding-right: 3rem;
    }
}
body {
    font-family: 'Kanit';
    font-size: 1rem;
    font-weight: 400;
	background:#ffffff;
}
a{
    color: #000;
}
nav{
    width: 100%;
	padding: 60px 0 60px;
	overflow: hidden;
    clear: both;
    background: #ece8e2;
	/* background: url(https://cdn3.iconfinder.com/data/icons/virtual-notebook/16/button_shape_line-128.png) center; */
}
nav ul{
    padding: 0;
    width: 1240px;
    margin: auto;
}
nav ul li{
    float: left;
    width: 18%;
    text-align: center;
    margin: 0 0 0 2%;
	position:relative;
	list-style-type: none;
}
nav ul li:after{
	content:'';
	background: ;
	background-size: 20px;
    position: absolute;
    z-index: 10;
    top: 67px;
    right: -19%;
    width: 20px;
    height: 20px;
}
nav ul li a{
    background: #fff;
    width: 100%;
	display: block;
    padding: 0;
    font-family: 'Roboto';
    font-size: 27px;
    text-decoration: none;
    color: #fff;
    border-radius: 8px;
	font-weight: 300;
	position:relative;
}
nav ul li a img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	
	width:100%;
	height:auto;
}
nav ul li:hover a img{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
nav ul li:first-child{margin:0;}
nav ul li a:before{
    content: "";
    background-repeat:no-repeat;
    z-index: 1;
    position: absolute;
    right: 0;
    top: -12px;
}
h1{}
.title-name, .title-name-red, .title-name-grey, .title-name-white{
	font-family:'Kanit';
	font-size:52px;
	color:#000;
	font-weight:500;
	line-height:35px;
	margin: 80px 0 80px;
	position:relative;
}
.title-name, .title-name-red, .title-name-grey, .title-name-white{
	margin: 0 0 80px;
}
.redYoutube{
	margin: 0 0 50px 0;
}
.title-name span, .title-name-red span, .title-name-grey span, .title-name-white span{
	font-size: 12px;
	padding: 0 15px 0 0;
	font-weight: 500;
	line-height: 35px;
	font-family: 'Roboto';
	color:#c00;
    font-weight: 600;
	font-family: 'Kanit';
	font-size:50px;
	background:#FDF3EA;
    position: relative;
}
.title-name-red span{
	background:#c00;
	color:#fff;
}
.redYoutube span{
	background:#d52226;
	color:#fff;
}
.title-name-grey span{
	background: #e9e9e9;
	color:#cc0000;
}
.titleBrown span{
	background: #f7d2bc;
	color:#913503;
}
.title-name-white span{
	background: #ffffff;
	color:#cc0000;
}
.title-name::before, .title-name-red::before, .title-name-grey::before, .title-name-white::before{
	content:"";
	position:absolute;
	width:100%;
	height:4px;
	background-color:#000000;
	left:0;
	top:55%;
}
.title-name-red::before{
	background-color:#FDF3EA;
}
.title-name-grey::before{
	background-color: #ffffff;
}
.title-name-white::before{
	background-color: #000;
}
.titleBrown::before {
    background-color: #da663345;
}

.wrap-menu{
    padding: 0 0 50px;
	background: #cc0000;
	background-image: url(images/firework-md3.png), url(images/firework-sm.png), url(images/firework-lg.png);
	background-position: 10px 10px, 99% 4%, 95% 90%;
	background-repeat: no-repeat;
	background-size: 243px 274px, 50px 51px, 120px 121px;
}
.wrap-menu .container{
	background: #cc0000;
}
.categoryMenu{
    padding: 20px 0;
    border-radius: 13px;
    background-color: #ffffff;
    text-align:center;
    margin:0 0 25px 0;
}
.categoryMenu img{
	margin: 5px 0 10px 0;
    width: auto;
    height: auto;
    max-height: 100px;
    max-width: 100px;
    min-height: 100px;

	display:none;
}
.categoryMenu h3 a{
    font-size: 22px;
	line-height: 25px;
    font-weight: 600;
	color:#000000;
	text-decoration: none;
}
.categoryMenu h3 a span{
    display:block;
    font-size:14px;
    text-transform: uppercase;
	font-weight: 300;
    font-family: 'Roboto';
}
.categoryMenu:hover{
    background-color: #fdf3ea;
}
.categoryMenu:hover a{
	color:#c00;
}
.wrapSmartphone{
	padding-top:5rem;
	padding-bottom: 6rem;
	background:url(images/bg-phone-left.png), url(images/bg-phone-right.png), url(images/snowman5.png), url(images/bg-santaandbox.png);
    background-color: #fDF3EA;
	background-position:0 0, 100% 0, 3% 87%, 95% 90%;
    background-repeat: no-repeat;
    background-size: 253px 500px, 253px 500px, 233px 170px, 250px 250px;
}
.cover-block{
	padding-top: 5rem;
	padding-bottom:4rem;
	border:1px solid #ffbdbd;
	border-radius: 30px;
	margin-bottom:3rem;
	background-color: #ffffff;
}
.secondBlock{
	padding-bottom: 50px;
	margin: 0 1rem;
}
.secondBlock .phoneDetail{margin-top: 8rem;}
.secondBlock .pic0{
	width:300px;
}
.secondBlock .number{
	font-size:100px;
}
.secondBlock .name{
	font-size:3.5rem;
}
.longBlock{
	margin: 0 1rem;
}
.blockRight{
	padding-top: 3rem;
	margin-top: 3rem;
}
.cardImg {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0 solid rgba(0,0,0,.125);
	border-radius: .25rem;
	
	margin: auto;
	padding: 20px;
	border-radius: 0;
	margin-top: 0;
	margin-bottom: 30px;
	border-radius: 8px;
}

fieldset.active {
	display: block !important
}
fieldset {
	display: none
}
.pic0 {
	width: 400px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	position:relative;
}
.product-pic {
	padding-left: auto;
	padding-right: auto;
	width: 100%;

	max-width: 400px;
    min-width: 400px;
    min-height: 460px;
    max-height: 460px;
}
.thumbnails {
	position: absolute;
    left: 0;
    bottom: -130px;
    width: 100%;
	text-align: center;
}
.blockRight .thumbnails { 
	right:auto;
	left:-25%;
}
.fit-image {
	width: 100%;
	object-fit: cover
}
.tb {
	width: 18%;
	height: 102px;
	/*border: 1px solid #fff;*/
	margin: 0;
	opacity: 0.4;
	cursor: pointer;
	background: #fff;
	text-align: center;
	border-radius: 0;
	/*float: left;*/
	display: inline-block;
}
.blockRight .tb { 
	margin: 0 15px 15px 0;
}
.tb-active {
	opacity: 1
}
.thumbnail-img {
	max-width: 90px;
	max-height: 90px;
	height: auto;
	width: auto;
	padding-top: 10px;
}

/* Swiper Slide */
.swiper-button-next, .swiper-button-prev{
	top: auto;
    bottom: 10px;
    width: 30px;
    height: 30px;
    z-index: 99;
	color:transparent;
	border-radius: 30px;
	font-size: 14px;
}
.swiper-button-next{
	left:auto;
	right:0;

	background: url(images/arrow-right.svg) no-repeat;
    background-size: 30px;
    width: 30px;
}
.swiper-button-prev{
	left:0;
	right: auto;
	
    width: 30px;
    background: url(images/arrow-left.svg) no-repeat;
    background-size: 30px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 23px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 23px;
}
.swiper-pagination-bullet {
	width: 30px;
    height: 30px;
    text-align: center;
    color: #000000;
    opacity: 1;
    background: #ffffff;
    font-family: 'Roboto';
    font-size: 15px;
    line-height: 31px;
	border-radius: 11px;
  }

.swiper-pagination-bullet-active {
	color: #fff;
    background: #c00;
    font-weight: bold;
    font-size: 21px;
    line-height: 26px;
    padding-top: 2px;
    vertical-align: bottom;
}


.function{
	text-align:center;	
	margin-top: 40px;
	padding-left:20px;
	padding-right:20px;
}
.function .col-6{
	padding-left:10px;
	padding-right:10px;
}
.function h4{
    font-family: 'Kanit';
    font-weight: 500;
    font-size: 18px;
}
.function .justify-content-md-center {
   /*  border: 1px solid; */
}
.function-display font{
    font-family: 'Kanit';
    font-weight: 500;
    font-size: 24px;
    padding-left: 5px;
}
.function .block-function{
	 min-height: 125px;
	 padding-top:3px;
     position: relative;
	 border:0;
	 height: 130px;
	 margin-bottom: 20px;
	 border-radius: 18px;
	 background-color: #fdf3ea;
}
.function em.icon{
	background-image:url(https://www.siamphone.com/style/themes/sp2021/images/spec_icon_function.png);
	background-size:112px 56px;
	width:28px;
	height:28px;
	display:block;
    margin: 10px auto 6px;
}
.function em.display{background-position:0px -28px;}
.function em.camera{background-position:-28px 0px;}
.function em.cpu{background-position:-56px 0px;}
.function em.os ,.function em.os-one, .function em.os-emui, .function em.os-realme{background-position:0px 0px;}
.function em.os-android{background-position:0px 0px;}
.function em.os-ios,.function em.os-ipad{background-position:-84px 0px;}
.function em.os-window{background-position:-84px -28px;}
.function em.memory{background-position:-28px -84px;}
.function em.battery{background-position:-56px -84px;}
.function p{
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 700;
}
.function span{
    font-size: 16px;
    line-height: 22px;
    display: block;
    font-weight: 300;
    font-family: 'Kanit';
}
.function .function-display p{font-size: 22px;}
.function .function-os p{font-size: 22px;}
.function .function-cpu p{margin:0;}
.function .function-memory p{margin:0;}
.function .function-memory p.mt-30{margin-top:30px;}
.function .function-battery  p{margin:0;}

.brandLogo{
    text-align: center;   
	position: absolute;
    left: 30px;
    z-index: 1;
}
.brandLogo img{
	width:100px;
	height: auto;
}


.phoneDetail{
	margin-top:-2rem;
}
.blockRight .phoneDetail{
    margin-top: -3rem;
}
.cover-picture{
    display: flex;
    width: 450px;
    background: #fff;
    padding: 70px 50px;
    margin: 0 auto 30px;
    border-radius: 300px;
    overflow: hidden;
}
.picture{
	text-align:center;
	margin:0 auto;
	
	display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.picture img{
	max-height:315px;
	width:auto;
	height:auto;
}
.number{
	font-family: 'Kanit';
    color: #c00;
    font-size: 50px;
    font-weight: 600;
	text-align: center;
}
.number span{
    font-size: 50px;
    font-family: 'Roboto';
    font-weight: 900;
}
.name{
	text-align: center;
    font-size:45px;
    font-family: 'Roboto';
    font-weight: bold;
	padding:0 15px;
}
.name a{
    color: #000;
}
.subName p{
	color: #222;
	text-align:center;
	font-size:18px;
	font-weight:300;
	font-family:"Kanit";
    margin: 20px 0;
	padding:0 15px;
}
.view{
	position: relative;
    top: auto;
    font-size: 50px;
    right: auto;
    text-align: center;
    line-height: 80px;
    color: #cc0000;
    margin-bottom: 5px;
    font-family: 'Roboto';
    font-weight: 700;
}
.view span {
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
	font-family: 'Kanit';
}
.view span i {
    display: inline-block;
    font-size: 22px;
    position: absolute;
    top:20px;
    text-indent:8px;
}
.btn-detail a{
	display: block;
    width: 45%;
    margin: 0 auto;
    text-align: center;
    border-radius: 30px;
    font-size: 20px;
    font-weight:600;
    padding: 10px 0;
    max-width: 250px;
	height:55px;
	background-color: #000;
	color:#ffffff;
}
.btn-detail a:hover{
    text-decoration: none;
}

.wrapSmartphone .number, .wrapSmartphone .view{	
	color:#cc0000;
}
.wrapSmartphone .subName p{color:#222;}
.wrapSmartphone .cardImg:before{
	/*border: 1px solid #000;*/
}
.wrapSmartphone .btn-detail a{
    background: #000;
    color: #ffffff;
}
.wrapSmartphone .btn-detail a:hover{
    color: #cc0000;
}

/* Tablet*/
.wrapTablet{
	background-color:#f7d2bc;

	background: #f7d2bc;
    background-image: url(images/firework-md3-brown.png), url(images/firework-sm-brown.png), url(images/firework-lg-brown.png),url(images/firework-lg.png),url(images/firework-md3-brown.png),url(images/firework-md3.png), url(images/bg-raindear.png), url(images/bg-light-tree.svg), url(images/bg-flag-light.png), url(images/bg-town.png);
    background-position:10px 10px, 91% 8%, 7% 86%, 99% 4%, 96% 25%, 3% 65%, 100% 83%, 99% 102%, 97% -1%, 50% 100%;
    background-repeat: no-repeat;
    background-size: 243px 274px, 50px 51px, 120px 121px, 120px 121px, 243px 274px, 243px 274px,120px 121px, 300px 300px, 474px 90px, 796px 90px;


	padding-bottom: 8rem;
	padding-top:5rem;
}
.wrapTablet .cover-block{
	border-radius: 0;
	border:0;
}
.wrapTablet .swiper-pagination-bullet{
	border-radius: 0;
}
.wrapTablet .function .block-function{
	background-color: #fbdecb;
}
.wrapTablet .swiper-pagination-bullet-active {
    background: #903300;
}

/* Smartwatch */
.wrapWatch{
	padding-top: 5rem;
    padding-bottom: 5rem;
	position: relative;

	background: url(images/bg-wood2.png), url(images/bg-watch-star.png), url(images/bg-watch03.png);
    background-color: #ffffff;
    background-position: 97% 92%, 6% 7%, 5% 90%;
    background-repeat: no-repeat;
    background-size:243px 214px, 186px 168px, 289px 212px;
	
}
.wrapWatch .product-pic{
	border-radius: 300px;
	background: #fff;
}
.wrapWatch .pic0{
	width:300px;
	padding: 50px 20px 0px;
}
.wrapWatch .cover-block, .wrapWatch .cardImg{
	background-color: #f7f7f7;
	border:0;
}
.wrapWatch .tb{
	opacity: 0.5;
	border-radius: 100px;
}
.wrapWatch .tb-active{
	opacity: 1;
}
.wrapWatch .phoneDetail{
	padding-right:30px;
}
.wrapWatch .function{
	padding:0;
}
.wrapWatch .function .col-6{
	padding-left:7px;
	padding-right:7px;
}
.wrapWatch .function .block-function{
	background-color: #ffffff;
	min-height: 130px;
    padding-top: 5px;
    height: 140px;
}
.wrapWatch .function h4{
	font-weight: 600;
}
.wrapWatch .function em.icon{
	margin: 10px auto 15px;
}
.function em.display-square {
    background-position: 0px 0px;
    background-size: 28px;
    background-image: url(https://www.siamphone.com/images/icon/icon-display-square.svg);
}
.function em.display-square-long{background-position:0px 0px;background-size: 28px;background-image:url(https://www.siamphone.com/images/icon/icon-display-square-long.svg);}
.function em.display-circle{background-position:0px 0px;background-size: 28px;background-image:url(https://www.siamphone.com/images/icon/icon-display-circle.svg);}

.special_function .fnc{
	padding-left:5px;
	padding-right:5px;
    max-width: 62px;
}
.special_function .block-function{
    min-height: 50px;
    padding-top: 10px;
    padding: 5px 0 5px;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 8px;
    /* box-shadow: 0 0 2px rgba(40,47,60,.05), 0 3px 2px rgba(40,47,60,.05), 0 3px 0px rgba(40,47,60,.05); */
    /* color: #fff; */
    /*border: 1px solid #e6e6e6;*/
	background-color: #fff;
	-webkit-transition: background 0.3s, border-color 0.3s, color 0.3s;
    transition: background 0.3s, border-color 0.3s, color 0.3s;
}
.special_function .block-function:hover{
	background-color: #000;
	/*border: 1px solid #000;*/
}
.tooltip{
	font-family:'Kanit';
	font-weight:400;
}
.special_function em.icon{
	width:25px;
	height:25px;
	display:block;
    margin: 8px auto 10px;
    background-position: 0;
    background-size: 25px;
    background-repeat: no-repeat;
}
.special_function em.message-noti{background-image:url(https://www.siamphone.com/images/icon/icon-message-noti.svg);}
.special_function em.call-display{background-image:url(https://www.siamphone.com/images/icon/icon-call-display.svg);}
.special_function em.speaker{background-image:url(https://www.siamphone.com/images/icon/icon-speaker.svg);}
.special_function em.microphone{background-image:url(https://www.siamphone.com/images/icon/icon-microphone.svg);}
.special_function em.compass{background-image:url(https://www.siamphone.com/images/icon/icon-compass.svg);}
.special_function em.waterproof{background-image:url(https://www.siamphone.com/images/icon/icon-waterproof.svg);}
.special_function em.call-sos{background-image:url(https://www.siamphone.com/images/icon/icon-call-sos.svg);}
.special_function em.sos{background-image:url(https://www.siamphone.com/images/icon/icon-sos.svg);}
.special_function em.footprint{background-image:url(https://www.siamphone.com/images/icon/icon-footprint.svg);}
.special_function em.activity-tracker{background-image:url(https://www.siamphone.com/images/icon/icon-activity-tracker.svg);}
.special_function em.fall-detection{background-image:url(https://www.siamphone.com/images/icon/icon-fall-detection.svg);}
.special_function em.heart-rate{background-image:url(https://www.siamphone.com/images/icon/icon-heart-rate.svg);}
.special_function em.sleep-tracker{background-image:url(https://www.siamphone.com/images/icon/icon-sleep-tracker.svg);}
.special_function em.calories{background-image:url(https://www.siamphone.com/images/icon/icon-calories.svg);}
.special_function em.women-health{background-image:url(https://www.siamphone.com/images/icon/icon-women-health.svg);}
.special_function em.gps{background-image:url(https://www.siamphone.com/images/icon/icon-gps.svg);}
.special_function em.music{background-image:url(https://www.siamphone.com/images/icon/icon-music.svg);}
.special_function em.floor-climb{background-image:url(https://www.siamphone.com/images/icon/icon-floor-climb.svg);}
.special_function em.gymkit{background-image:url(https://www.siamphone.com/images/icon/icon-gymkit.png);}
.special_function em.goal{background-image:url(https://www.siamphone.com/images/icon/icon-goal.svg);}
.special_function em.high-altitude{background-image:url(https://www.siamphone.com/images/icon/icon-high-altitude.svg);}
.special_function em.distance{background-image:url(https://www.siamphone.com/images/icon/icon-distance.svg);}
.special_function em.sitting{background-image:url(https://www.siamphone.com/images/icon/icon-sitting.svg);}
.special_function em.eSim{background-image:url(https://www.siamphone.com/images/icon/icon-eSim.svg);}
.special_function em.payment{background-image:url(https://www.siamphone.com/images/icon/icon-payment.svg);}
.special_function em.noti{background-image:url(https://www.siamphone.com/images/icon/icon-noti.svg);}
.special_function em.exercise{background-image:url(https://www.siamphone.com/images/icon/icon-exercise.svg);}
.special_function em.translate{background-image:url(https://www.siamphone.com/images/icon/icon-translate.svg);}
.special_function em.run-list{background-image:url(https://www.siamphone.com/images/icon/icon-run-list.svg);}
.special_function em.oxygen-blood{background-image:url(https://www.siamphone.com/images/icon/icon-oxygen-blood.svg);}
.special_function em.serious-tracking{background-image:url(https://www.siamphone.com/images/icon/icon-serious-tracking.svg);}
.special_function em.calendar{background-image:url(https://www.siamphone.com/images/icon/icon-calendar.svg);}
.special_function em.exercise-list{background-image:url(https://www.siamphone.com/images/icon/icon-exercise-list.svg);}
.special_function em.voice_reply{background-image:url(https://www.siamphone.com/images/icon/icon-voice_reply.svg);}
.special_function em.camera{background-image:url(https://www.siamphone.com/images/icon/icon-camera.svg);}

.special_function .block-function:hover em{filter: invert(1);}






.reviewImg, .newsImg{
	position:relative;
}
.reviewImg img, .newsImg img{
	width:100%;
	height:auto;
	border:0;
	position:relative;
	border-radius:13px;
}


/* wrapNews */
.wrapNews{
	padding-top:5rem;
    padding-bottom: 7rem;
	background: #fdf3ea;

	background:url(images/bg-ball-star.png), url(images/bg-star.png);

    background-color: #fdf3ea;
	background-position:100% -3%, 3% 3%;
    background-repeat: no-repeat;
    background-size: 333px 380px, 229px 114px;

	position:relative;
}
/* .bg-tape{
	width:250px;
	height:212px;
	background: url(images/bg-tape-pink.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 12%;
    left: 14%;
    z-index: 2;
	opacity: 0.65;
}
.bg-tape-bottom{
	width:250px;
	height:212px;
	background: url(images/bg-tape-pink.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 74%;
    right:13%;
    z-index: 2;
	opacity: 0.8;
} */
.wrapNews .cover-block{
	padding:3rem 3rem 3rem;
	border-radius: 0;
}
.wrapNews .number, .wrapReview .number{
	background: #c00;
    color: #fff;
    line-height: 60px;
    padding-top: 20px;
	width: 150px;
    height: 150px;
	position: relative;
	z-index: 2;
	margin-left: 15px;
    margin-top: 17px;
}
.wrapReview .number{
	margin-right: 15px;
	margin-left: 0;
}
.wrapNews .number span, .wrapReview .number span{
	display: block;
	font-size:70px;
}
.cover-number{
	position: relative;
}
.cover-number::before{
	content:"";
	width:100px;
	height:100px;
	position: absolute;
	background-color: #fdf3ea;
    top: -10%;
    left: -10%;
    z-index: 0;
}
.news-name{
	text-align: left;
    font-size: 40px;
    font-weight: 600;
    padding: 0 30px;
    font-family: 'Kanit';
}
.wrapNews .news-image{
	/* padding:50px 0 30px 40px; */
	padding:0;
	text-align: center;
	margin-top:50px;
}
.wrapNews .news-image img{
	/* border-radius: 30px; */
	width: 100%;
    height: auto;
    max-width: 800px;
	max-height: 500px;
}
.news-date{
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 0;
    padding: 15px 0 0 0;
}
.news-date strong{
	font-weight: 600;
}
.wrapNews .subName p {
	font-size: 22px;
    line-height: 36px;
    text-align: left;
    margin-top: 50px;
	margin-bottom:15px;
}


/* Review */
.wrapReview{
	padding-top:5rem;
    padding-bottom: 5rem;
	background: #fff;
	background: url(images/bg-review-christmastree.png), url(images/bg-review-right.png), url(images/bg-review-left.png);

	background-color: #FBEECE;
	background-position:100% 93%, 0 85%, 100% 9% ;
    background-repeat: no-repeat;
    background-size: 300px 313px, 352px 629px,352px 629px;
}
.review-image img{
	width: 100%;
    height: auto;
    max-width: 1100px;
    margin: 30px auto;
    display: block;
}
.wrapReview .cover-block{
	padding-top:3rem;
	padding-left: 2rem;
    padding-right: 2rem;
	border-radius:0;
	border: 1px solid #C9A763;
}
.wrapReview .subName p{
	text-align: left;
	line-height: 32px;
}
.title-review span{
    background: #fbeece;
}
.title-review::before {
    background-color: #c9a763;
}
.cover-reviewimg{
	margin-top: 30px;
}
.cover-reviewimg img{
	width:100%;
	height: auto;
	margin-bottom: 30px;
}
.wrapReview .phoneDetail{
	margin-top:0;
}
.wrapReview .cover-number{
	position: absolute;
    right: 0;
}
.review-name{
	text-align: left;
    font-size:41px;
    font-weight: 600;
    padding:0 30px 0 15px;
    font-family: 'Kanit';
	height:180px;
}
.wrapReview .cover-number::before{
	background-color: #C9A763;
	left: auto;
    right: -10%;
}


/* Video */
.wrapVideo{
	padding-top: 5rem;
	padding-bottom: 5rem;
	background: url(images/snowdrop.png) repeat;

    background-color: #d52226;
    /*background-size: 15%;*/
	background: #d52226;
    background-image: url(images/snowdrop.png), url(images/snow3.png), url(images/snow2.png);
    -webkit-animation: snow 60s linear infinite;
    -moz-animation: snow 60s linear infinite;
    -ms-animation: snow 60s linear infinite;
    animation: snow 60s linear infinite;
}


/*Keyframes*/
@keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
	}
	
	@-moz-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
	}
	
	@-webkit-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	 50% {}
	 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
	}
	
	@-ms-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
	}
	
.wrapVideo .swiper{
	padding-top:20px;
	padding-bottom: 20px;
}
.video-number{
	position: absolute;
    top: -17px;
    right: 27px;
    font-size: 50px;
    font-weight: bold;
    font-family: 'Roboto';
    z-index: 1;
    background: url(images/number-badge2.png) no-repeat;
    background-size: 80px;
    color: #fff;
    width: 80px;
    height: 80px;
    text-align: left;
	line-height: 73px;
    text-indent: 20px;
	text-shadow: 2px 2px 2px #c00;
}
.twonumber{
	font-size: 45px;
    text-indent:8px;
}
.vdo-name{
	text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin-top: 20px;
    padding: 0 15px;
    font-family: 'Kanit';
}
.wrapVideo .cover-block{
	padding: 5rem 30px 3rem;
	border:2px solid #000;
}
.video-image{
    position: relative;
}
.video-image i{
    background: url(images/icon-youtube-play.png) no-repeat;
    background-size: 80px;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.video-image img{
	/* border-radius: 13px; */
	width:100%;
	height:auto;
}
.video-image:after {
    content: "";
    width: 100%;
    background: rgba(0,0,0,0.05) linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)10%,rgba(0,0,0,1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
	/* border-radius: 13px; */
}
.wrapVideo .btn-detail a{
	width:65%;
}
.wrapVideo .swiper-pagination-bullet-active{
	background: #000;
}
.wrapVideo .swiper-button-prev{
	background: url(../../images/left-arrow-white.png) no-repeat;
    background-size: 30px;
}
.wrapVideo .swiper-button-next{
	background: url(../../images/right-arrow-white.png) no-repeat;
    background-size: 30px;
}
.wrapVideo .view{
	margin-top:10px;
}



.newyear{
	text-align: center;
    font-size: 150px;
    font-family: 'Kanit';
    line-height: 170px;
    padding: 7% 0 10%;
    color: #c00;
    font-weight: bold;
    letter-spacing: 7px;
    background:#a20003 ;
    background-position: bottom;
    background-size: cover;
 }
.newyear p{margin:0px 0;
     background: rgb(255,251,144);
    background: -moz-linear-gradient(left, rgba(255,251,144,1) 0%, rgba(248,220,101,1) 24%, rgba(153,108,34,1) 49%, rgba(251,232,120,1) 68%, rgba(255,255,170,1) 77%, rgba(251,232,120,1) 83%, rgba(164,99,27,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,251,144,1) 0%,rgba(248,220,101,1) 24%,rgba(153,108,34,1) 49%,rgba(251,232,120,1) 68%,rgba(255,255,170,1) 77%,rgba(251,232,120,1) 83%,rgba(164,99,27,1) 100%);
    background: linear-gradient(to right, rgba(153,108,34,1) 0%,rgba(170,128,52,1) 24%,rgba(255,251,144,1) 49%,rgba(245,191,79,1) 68%,rgba(170,128,52,1) 77%,rgba(170,128,52,1) 83%,rgba(164,99,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffb90', endColorstr='#a4631b',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 0px;
 }
.newyear p.eng{
	font-size: 93px;
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0;
    line-height: 120px;
    font-family: 'Pacifico', cursive;
}
.newyear p.eng span{
	font-size:120px;
	font-weight:700;
}
.updateLast {
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
    background: #d52226;
    margin: 0;
    color: #fff;
}
#back-to-top {
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 999;
}
#back-to-top a {
    display: block;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    width: 40px;
    height: 40px;
    display: block;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    margin-bottom: 5px;
	border-radius: 13px;;
}
.tabSmartphone{background-image: url(https://www.siamphone.com/images/menuicon/icon-line-smartphone.png) ;}
.tabTablet{background-image: url(images/icon-line-tablet.png) ;}
.tabWatch{background-image: url(https://www.siamphone.com/images/menuicon/icon-line-smartwatch.png) ;}
.tabReview{background-image: url(images/icon-line-review.png) ;}
.tabNews{background-image: url(https://www.siamphone.com/images/menuicon/icon-line-news.png) ;}
.tabVideo{background-image:  url(images/icon-line-video.png) ;}
.totop{background-image: url(images/btn_totop.png) ;}
footer{
	background: #050505;
	display: block;
	color: #fff;
	padding: 20px 0;
	font-size: 12px;
	text-align: left;
	width: 100%;
	text-align:center;
}
footer .footer_inner{
	width: 940px;
	padding: 0 20px;
	overflow: hidden;
	margin: 0 auto;
}
footer p{
	margin:0;
	font-family:'Roboto';
	line-height: 1.5rem;
}
footer .first{
	width: 75%;
	float:left;
	font-size: 14px;
	padding: 5px 0 0 0;
}
footer .last{
	width: 25%;
	float:right;
	text-align: right;
}	
footer .last img{
	vertical-align: bottom;
	margin: 0 0 3px 0;
}
header{
	color: #fff;
	overflow: hidden;
	font-size: 45px;
	font-family: 'Kanit';
	width: 100%;
	margin: auto;
	position:relative;

	background: #ffdbbe url(images/bg-top.png) center top no-repeat;
	background: #cc0000 url(images/bg-top.png) center top no-repeat;
    background-size: 100%;
}
header .header_inner{
	max-width: 1200px;
	width:100%;
	margin: 0 auto;
}
header .logo{
	width: 100%;
	text-align: center;
	margin: 50px auto 0;
}
header .logo img{
	width: 320px;
	height: auto;
	margin: 0 0 0 0;
}
header h1{
	font-family: 'Pacifico', cursive;
	font-size: 120px;
	text-align: center;
	line-height: 180px;
	color: #ffffff;
	padding: 0px 0;
	margin: 100px 0 13rem 0;
	font-weight: 400;
	letter-spacing: 0;
	background: rgb(120,87,46); 
	background: -moz-linear-gradient(left, rgba(120,87,46,1) 10%, rgba(255,245,172,1) 49%, rgba(255,245,172,1) 56%, rgba(120,87,46,1) 90%); 
	background: -webkit-linear-gradient(left, rgba(120,87,46,1) 10%,rgba(255,245,172,1) 49%,rgba(255,245,172,1) 56%,rgba(120,87,46,1) 90%);
	background:linear-gradient(to right, rgb(172 96 38) 10%,rgb(238 170 64) 49%,rgb(215 149 40) 56%,rgb(186 112 41) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78572e', endColorstr='#78572e',GradientType=1 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	font-size: 5rem;
    margin: 50px 0 4rem 0;
    font-weight: bold;
    line-height: 8rem;
}
header h1 span{
	display: block;
	text-shadow: none;
	font-size: 200px;
	font-size: 8rem;
}
header h2, .text-20years{
	font-weight: 700;
	font-size: 50px;
	text-align: center;
	margin: 0 0 50px;
	color: #f8e380;
	line-height: 80px;
	padding-top: 30px;
	font-family: 'Kanit';
	z-index: 2;
	position: relative;
}
.text-20years{font-size:34px;line-height: 32px;color: #ffffff;font-weight: 500;}
.siamphone-stat{
	text-align: center;
	background-color: #cc0000;
	background-image: url(images/firework-sm.png), url(images/firework-lg.png);
	background-position: 10px 10px, right 28px;
	background-repeat: no-repeat;
}
.siamphone-stat img{
	width: 100%;
    max-width: 1640px;
    height: auto;
}
.wrapSmartphone {
	overflow: hidden;
	position: relative;
}
.fix-left{
	background: url(bg-left.png) left 10% no-repeat, url(bg-left2.png) left 80% no-repeat;
	background-size: 200px;
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	top: 0;
}
.topCover{
	background:#e6e6e6;
}


footer{
	background: #050505;
	display: block;
	color: #fff;
	padding: 20px 0;
	font-size: 12px;
	text-align: left;
	width: 100%;
	text-align:center;
}
footer .footer_inner{
	width: 940px;
	padding: 0 20px;
	overflow: hidden;
	margin: 0 auto;
}
footer p{
	margin:0;
	font-family:'Roboto';
	line-height: 1.5rem;
}
footer .first{
	width: 75%;
	float:left;
	font-size: 14px;
	padding: 5px 0 0 0;
}
footer .last{
	width: 25%;
	float:right;
	text-align: right;
}	
footer .last img{
	vertical-align: bottom;
	margin: 0 0 3px 0;
}
/*
@media screen and (min-width: 992px) {
	.container{
		background-color:#fff;
	}
	
	header .header_inner{
		width:100%;
	}
	header .logo img {
		width: 220px;
		margin: 0;
	}
	header h1{
		font-size: 3.7rem;
		line-height: 70px;
		margin-bottom: 2rem;
	}
	header h1 span{font-size:5rem;}
	header h2{font-size: 1.2rem;margin-bottom: 30px;padding-bottom:30px;}
	nav ul{width: 98%;margin-left: 2%;}
	nav ul li{width:18%;margin: 0 0 0 2%;}
	
	
}

*/
@media screen and (min-width: 1420px) {
	header h1{font-size: 120px;line-height: 180px;margin: 100px 0 13rem 0;}
	header h1 span{font-size: 200px;}
	header h2{color:#fff;}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
	header .header_inner{width:100%;}
	/*.newsImg:before{content:none;}
	.wrapSmartphone {padding-bottom: 7rem;}
	.wrapTablet,.wrapWatch,.wrapReview{ padding-bottom: 3rem;}
	.wrapNews{padding-bottom: 1rem;}
	.reviewImg{ margin-top: 20%;} */
	header .logo img{margin:50px 0 0 0;}
	header h1{-webkit-text-fill-color:rgb(227 166 72);font-size: 70px;margin: 50px 0 50px 0;line-height: 80px;}
	header h1 span{font-size:80px;}
	header h2{padding-top:50px;font-size:40px;line-height:50px;}
	.siamphone-stat{background-size: 73px 74px, 150px 150px;}
	.text-20years {font-size: 28px;}
	.wrap-menu .col-4{padding-left:10px;padding-right:10px;}
	
	.wrapSmartphone, .wrapTablet, .wrapWatch, .wrapNews, .wrapReview, .wrapVideo{padding-bottom: 5rem;padding-top:2rem;}
	.wrapSmartphone{background-size: 125px 250px, 125px 250px, 233px 170px, 250px 250px;background-position: 0% 0, 100% 0, 3% 87%, 95% 90%;}	
	.wrapTablet{background-position: 10px 10px, 91% 8%, 7% 86%, 99% 4%, 96% 25%, 3% 65%, 100% 90%, 99% 102%, 97% -1%, 50% 100%;background-size: 243px 274px, 50px 51px, 120px 119px, 120px 121px, 243px 274px, 243px 274px,80px 81px, 200px 200px, 300px 57px, 500px 57px;}
	.wrapVideo{background-image: url(images/snowdrop.png);}

	.title-name, .title-name-red, .title-name-grey, .title-name-white{text-align:center;margin:20px 0 50px;}
	.title-name span, .title-name-red span, .title-name-grey span, .title-name-white span{padding:0 25px;  background: transparent;}
	.title-name::before, .title-name-red::before, .title-name-grey::before, .title-name-white::before{content:none;}

	.function .col-6{padding-left:5px;padding-right:5px;}
	.product-pic{min-width:400px;max-width:400px;}
	.cover-block{border:0;}
	.swiper-pagination-bullet{font-size:18px;margin:0 4px !important;}

	.wrapNews .subName p{height:180px;overflow: hidden;}
	.wrapReview .subName p{height:195px;overflow: hidden;}
	/* .bg-tape, .bg-tape-bottom{width:150px;height: 128px;}
	.bg-tape{left: 0;}
	.bg-tape-bottom{right:0;top: 80%;} */
	.news-name{font-size:40px;}
	.wrapNews .number, .wrapReview .number{margin-left:0;}

	.swiper-button-prev{left:0;}
	.swiper-button-next{right:0;}
	.wrapNews .btn-detail a{width:65%;}

	.wrapWatch .product-pic{min-height:400px;max-height: 400px;}
	.wrapWatch .pic0{width:250px;}
	.wrapWatch .tb{height:75px;}
	.wrapWatch .thumbnail-img{max-width:60px;max-height:60px;}
}

@media screen and (max-width: 991px) {
	.container{
		max-width: 820px;
	}
	header{
		background: url(images/bg-top-01.png), url(images/bg-top-02.png);
		background-color:#fdf3ea;
		background-repeat: no-repeat;
		background-size: 100%;
		 background-position:top center, bottom center;
	}
	header .header_inner{
		width:100%;
	}
	header .logo img {
		margin:0;
	}
	header h1{
		margin-bottom: 0;
		margin-top: 15px;
	}
	header h2{
		text-shadow: 2px 3px 0px #fde6c1;
		color: #eca840;
		margin-top: 20px;
		margin-bottom: 120px;
		font-size: 40px;
		line-height: 60px;
		font-weight: 600;
	}
	nav ul{width: 98%;margin-left: 2%;}
	nav ul li{width:18%;margin: 0 0 0 2%;}
	
	
	.wrapSmartphone{background: #fDF3EA;}	
	.wrapTablet{background: #f7d2bc;}	
	.wrapWatch{background: #ffffff;}	
	.wrapNews{background: #fdf3ea;}	
	.wrapReview{background: #FBEECE;}	
	.wrapSmartphone, .wrapTablet, .wrapWatch, .wrapNews, .wrapReview, .wrapVideo{
		padding-bottom: 2rem;
		padding-top:4rem;
		background-image: url(images/snowdrop.png);
		-moz-animation: snow 60s linear infinite;
		-ms-animation: snow 60s linear infinite;
		animation: snow 60s linear infinite;
	}
	.wrapVideo{background-image: url(images/snowdrop.png);}


	.wrap-menu .col-4{padding-left:8px;padding-right:8px;}
	.name, .wrapReview .name{font-size: 2rem;}
	.view{font-size: 2.5rem;}
	.subName p{font-size:18px;}
	.btn-detail a{width:65%;}
	
	.cardImg:before {
		width: 75%;
	    top: -10%;
	    left: 0;
	}
	.blockRight .cardImg:before{
		right:0;
	}
	.thumbnails{right:-16%;}
	.blockRight .thumbnails {left: -18%;}
	.tb{border-color:transparent;background:transparent;}
	
	.cover-picture{
		width:100%;
		padding:50px 0;
		border-radius:0;
	}
	.picture img{max-height: 300px;}
	
	.wrapTablet .name{font-size:2.2rem;}

	.wrapNews .name{
	    font-size: 2rem;
		line-height: 2.5rem;
	}
	.wrapNews .view{font-size:45px;}
	.newsImg:before{width:0;}
	.reviewImg {margin-top: 28%;}
	
	.wrapTablet{padding-bottom:4rem;}
	.wrapWatch, .wrapReview{padding-bottom:3rem;}
	.reviewLeft .number{position:relative;}
	.reviewLeft .number:before{
		content:"";
		width:80%;
		position:absolute;
		right:0;
		top:45%;
	}
	.cardImg{margin-top:50px;}
	.pic0{width: 320px;margin-top: 0;}
	.thumbnail-img {
		max-width: 70px;
		max-height: 70px;
	}
	.product-pic {
		min-width: 350px;
		max-width: 350px;
		max-height: 350px;
		min-height: 350px;
	}
	.function .col-6{padding-left:8px;padding-right:8px;}
	.news-name {
		font-size: 34px;
		margin-top: 10px;
	}
	.wrapSmartphone .subName p ,.wrapTablet .subName p ,.wrapWatch .subName p{
		display: none;
	}
	.function{margin-top:20px;}
	.review-name{font-size: 35px;}
	.wrapNews .number, .wrapReview .number {
		width: 120px;
		margin-right: 15px;
		margin-left: 0;
		height: 120px;
		line-height: 48px;
		font-size: 30px;
	}
	.wrapNews .number span, .wrapReview .number span{font-size:50px;}
	.wrapNews .subName p{
		height: 210px;
		overflow: hidden;
	}
	.wrapReview .subName p {
		height: 260px;
		overflow: hidden;
	}
	.wrapWatch .pic0 {
		width: 230px;
	}
	.wrapWatch .tb{height:80px;background-color: #fff;}
	.wrapWatch .thumbnail-img {
		max-width: 60px;
		max-height: 60px;
		margin-top: 5px;
	}
	.wrapWatch .cardImg{margin-top:80px;}
}


@media screen and (max-width: 768px) {
	body{background-color: #cc0000;}
	.container{
	    width: 90%;
		margin-right: 5%;
		max-width: 700px;
	}
	header{
		background: url(images/bg-top-01.png), url(images/bg-top-02.png);
		background-color:#fdf3ea;
		background-repeat: no-repeat;
		background-size: 100%;
		 background-position:top center, bottom center;
	}
	header .header_inner{
		width:100%;
		background-image: url(images/firework-sm.png), url(images/firework-lg.png);
		background-position: 7% 70%, 98% 100%;
		background-repeat: no-repeat;
		background-size:60px 60px, 110px 110px;
	}
	header .logo{margin:30px auto 0;}
	header .logo img {
		width: 180px;
		margin: 0;
	}
	header h1{
	    font-size: 55px;
		line-height: 80px;
		margin: 30px 0 0 0;
		letter-spacing: -1px;
		-webkit-text-fill-color:rgb(227 166 72);
	}
	header h1 span{font-size:60px;}
	header h2{
		width: 100%;
		margin: 0 auto 4rem;
		padding-top: 20px;
		font-size: 28px;
		font-weight: 700;
		line-height: 36px;
	}
	header h2 span{display:block;}
	header h2 br{display:none;}
	.siamphone-stat{background:#c00;}
	.text-20years{margin-bottom: 20px;font-size: 20px;font-weight: 200;}

	.wrap-menu{padding:0 10px 10px;}
	.wrap-menu .col-4{padding-left: 5px;padding-right: 5px;}
	.categoryMenu{padding:10px 0 5px;margin:0 0 10px 0;}
	.categoryMenu h3 a{font-size:18px;}

	.title-name, .title-name-red, .title-name-grey, .title-name-white{text-align:center;margin:20px 0 50px;}
	.title-name span, .title-name-red span, .title-name-grey span, .title-name-white span{padding:0 25px;  background: transparent;}
	.title-name::before, .title-name-red::before, .title-name-grey::before, .title-name-white::before{content:none;}

	.wrapSmartphone, .wrapTablet, .wrapWatch, .wrapNews, .wrapReview, .wrapVideo{padding-bottom: 2rem;padding-top:4rem;
		background-image: url(images/snowdrop.png);
		-moz-animation: snow 60s linear infinite;
		-ms-animation: snow 60s linear infinite;
		animation: snow 60s linear infinite;
	}
	.wrapSmartphone{background-color: #fDF3EA;}	
	.wrapTablet{background-color: #f7d2bc;}	
	.wrapWatch{background-color: #ffffff;}	
	.wrapNews{background-color: #fdf3ea;}	
	.wrapReview{background-color: #FBEECE;}	
	.wrapVideo{background-image: url(images/snowdrop.png);}

	

	.cover-block{margin-bottom:10px;padding-top: 2rem;padding-bottom: 3rem;margin-top: 0;}
	.cardImg{padding:0;margin-top:50px;}
	.pic0{width:200px;}
	.thumbnails{right: -30%;top: 2%;}
	.blockRight .thumbnails{left: -30%;}
	.tb{width: 80px;height: 80px;}
	.thumbnail-img {
		max-width: 75px;
		max-height: 75px;
		padding-top: 5px;
	}
	.number{font-size:45px;}
	.number span{font-size:40px;}
	.name {font-size: 2rem;}
	.subName p {font-size: 16px;margin: 10px 0;}
	.view {font-size:2.5rem;}
	.btn-detail a {width:75%;padding:10px 0;height: auto;}
	.product-pic{
		max-width: 300px;
		min-width: 300px;
		min-height: 250px;
		max-height: 250px;
	}
    .pic0 {
        width: 250px;
        max-height: 350px;
		height:auto;
		margin-top:0;
    }
	.thumbnails{display: none !important;}
	.subName p{font-size:18px;font-weight: 300;margin:0;}
	.swiper-button-next, .swiper-button-prev{width:50px;height:50px;background-size:50px;bottom:auto;top:35%;}
	.swiper-button-next{left:auto;right:0;}
	.swiper-button-prev{right:auto;left:0;}
	.swiper-pagination-bullet-active {
		color: #fff;
		background: #c00;
		font-weight: normal;
		font-size: 15px;
		line-height: 31px;
		padding-top: 0;
		vertical-align: inherit;
	}

	#wrapper-function, .special_function, .bg-tape, .bg-tape-bottom{display:none;}
	.wrapSmartphone .subName p ,.wrapTablet .subName p ,.wrapWatch .subName p{
		display: block;
	}
	.brandLogo{margin-top:15px;left:0;text-align:center;width:100%}
	.brandLogo img{width:80px;}

	.phoneDetail{margin-top:20px;}
	.wrapNews .cover-block {padding: 2rem 20px 2rem;}
	.wrapNews .news-image{padding:0;margin-top: 20px;}
	.news-date{text-align:center;}
	.news-name{font-size:28px;padding:0;text-align:center;}
	.wrapNews .col-md-5, .wrapNews .subName p{padding:0;}
	.wrapNews .cover-number::before{content:none;}
	.wrapNews .subName p {height: 110px;overflow: hidden;margin-top: 20px;font-size: 18px;line-height: 28px;}
		
	.wrapReview .cover-block{padding: 25px 10px 50px;}
	.wrapReview .subName{display:none;}
	.wrapNews .number ,.wrapReview .number{margin:30px auto 25px;font-size: 30px;width: 100px;height: 100px;line-height: 40px;padding: 13px 10px;}
	.wrapNews .number span, .wrapReview .number span{font-size:50px;}
	.wrapReview .cover-number{position: relative;}
	.wrapReview .cover-number::before{right:30%;background-color: #fff;}
	.cover-reviewimg{margin-top:0;}
	.review-name{font-size:28px;text-align: center;height:auto;}

	.wrapWatch .product-pic {
		border-radius: 300px;
		background: #fff;
		margin-top: 50px;
		max-width: 250px;
		min-width: 250px;
		min-height: 235px;
		max-height: 235px;
	}
	.wrapWatch .pic0{width: 180px;padding: 20px 20px 0;}
	.wrapWatch .phoneDetail {padding-right: 0;}

	.wrapVideo .container{width:100%;}
	.wrapVideo .cover-block{padding: 2rem 15px 3rem;}
	.video-image i{background-size: 70px;}
	.video-image img{width:100%;height:auto;}
	.vdo-name{font-size:28px;}
	.wrapVideo .phoneDetail {margin-top: 0;}
	.wrapVideo .swiper{padding-bottom: 100px;}
}
@media screen and (max-width: 568px) {
	/*header .logo{margin:70px auto 0;}*/
	.product-pic{
		max-width: 300px;
		min-width: 300px;
		min-height: 250px;
		max-height: 250px;
	}
    .pic0 {
        width: 250px;
        max-height: 350px;
		height:auto;
    }
	.thumbnails{display: none !important;}
	/* header .header_inner{
		width:100%;
	}
	header .logo img {
		width: 180px;
		margin: 0;
	}
	header h1{
	    font-size: 45px;
		line-height: 70px;
		margin-bottom: 2rem;
		-webkit-text-fill-color:#ffffff;
	}
	header h1 span{font-size:70px;}
	header h2, .text-20years{
	    font-size: 1.2rem;
		line-height: 1.8rem;
		margin-bottom: 20px;
		width: 100%;
		margin: 0 auto;
	} */
	/* .text-20years{margin-bottom: 20px;} */
	nav{padding: 2rem 1rem;}
	.container{
	    width: 100%;
		margin-right: 5%;
	}
	.btn-detail a{width:75%;}
	.phoneDetail{margin-top:30px;}
	.swiper{padding-bottom: 100px;}
	.swiper-pagination-bullet{margin-bottom: 10px !important;}
	/* Smartphone */
	
	
	/* Tablet */
	.wrapTablet .cover-picture {
		margin: 0 auto 30px;
	}
	.cover-picture{
	    padding: 0;
		width: 300px;
		border-radius: 0;
		text-align: center;
	}
	.picture img {
		max-height: 250px;
	}
	.wrapTablet .subName p{padding:0;}

	
	/* News */
	.wrapNews .newsDetail {
		padding-bottom: 0rem;
	}
	.wrapNews .name{
	    font-size: 1.5rem;
		line-height: 2rem;
		text-align: center;
	}
	.wrapNews .newsDetail:before {
		border-bottom: 0 dashed rgb(0 0 0);
		right: 10%;
		width: 80%;
	}
	.newsImg{
		margin-bottom: 2rem;
		margin-top:2rem;
	}
	
	/* Reivew */

	.wrapReview .name{font-size:2.5rem;}
	.reviewImg {
		position: relative;
		margin-bottom: 5rem;
		margin-top: 3rem;
	}
}