/* video */
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-hero .vr-hero-video-content-copy {
		max-width: 70vw;
		font-size: 70%;
	}
}

/* product-intro产品介绍 */
@media screen and (min-width:320px) and (max-width:767px) {
	section#product-intro .product-intro-container {
      grid-template-columns: 12fr;
    }
  }

/* product-intro产品介绍--左边区域 */
@media screen and (min-width:320px) and (max-width:767px) {
    section#product-intro .product-intro-container .product-intro-content {
    	height: initial; /* 从父元素继承 height 属性的值 */
    	padding-left: 0;
    	padding-right: 0;
		display: flex;
		align-content: center;
		justify-content: flex-start;
		margin: 2%;
    }  
  } 

@media screen and (min-width:320px) and (max-width:767px)  {
	section#product-intro .product-intro-container .product-intro-content-header {
		text-align: center;
	}
}
@media screen and (min-width:320px) and (max-width:767px)  {
    section#product-intro .product-intro-container .product-intro-content .vr-font-bordered {
		font-size: 3em;
		line-height: 1.5em;
		-webkit-text-stroke: 3px #888888;
		-webkit-text-fill-color: none;
	}  
  }
  
@media screen and (min-width:320px) and (max-width:767px)  {
     section#product-intro .product-intro-container .product-intro-content .vr-font-bordered {
    	font-size: 2.5em;
    	-webkit-text-stroke: 2px #888888;
    }  
  }

/* product-intro产品介绍--右边区域 */
@media screen and (min-width:320px) and (max-width:767px)  {
section#product-intro .product-intro-container .product-intro-product {/* 第4层 */
      height: initial;
      margin: 10%;
    }
  }
/* product-intro产品介绍--下区域 */
@media screen and (min-width:320px) and (max-width:767px) {
	.product-intro-headers .product-intro-headers-top h2 {
		width: 90%;
		position: absolute;
		z-index: 10;
		text-align: center;
		padding: 5%;
		font-size: 50%;
	}
}

/* 选项卡开始 */
@media screen and (min-width:320px) and (max-width:767px) {
	.vr-wrapper .vr-nav{
		width: 100%;
		margin-left: 0;
		margin-right: 0;	
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.vr-wrapper .vr-nav button{
		margin: 0.8%;
		font-size: 1em;
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	.vr-wrapper .vr-nav button:hover{
		border-bottom: 1px solid #990000;
		font-weight: bold;/* 字体加粗 */
		opacity: 1;
	}
}
@media screen and (min-width:320px) and (max-width:767px){
	.vr-wrapper .vr-conternt h2 {
		-webkit-text-stroke: 1px #FFFFFF;
		font-size: 1rem;
		line-height: 1em;
	}
}
@media screen and (min-width:320px) and (max-width:767px){
	.vr-wrapper .vr-conternt h3{
		font-size: 1rem;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.vr-wrapper .vr-conternt p{
		font-size: 0.7rem;
		line-height: 1em;
	}
}

/* -- frame rates section帧速率部分 -- */
@media screen and (min-width:320px) and (max-width:767px) {
	section#section-frame-rates-accordion .section-frame-rates-slides{
		display: list-item;
		width: 100%;
		height: auto;
		padding-bottom: 0.3125rem;
	}
}

/*-- features slider section特征滑块 --*/
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider {
		position: relative;
		top: 88rem;	
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .swiper-slide {
		height: 100vh;
		display: flex;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .swiper-slide img {
		max-width: 21.875rem;
		padding-top: 0;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .swiper-slide h2 {
		font-size: 1.2em;
		margin-bottom: 3%;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .swiper-slide h3 {
		font-size: 1.8em;
		-webkit-text-stroke: 1px #888;
	}
}
/* slide-1 */
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-1 {
		flex-direction: column;
		justify-content: center;
		grid-gap: 0;
		display: flex;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-1-content {
		padding-left: 0;
		max-width: 80%;
		position: fixed; /* 生成绝对定位的元素，相对于浏览器窗口进行定位。 */
		top: 12%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-1 img {
		max-width: 21.875rem;
		margin: 0 auto;
		left: 3%;
		top: 35%;
	}
}
/* end slide-1 */

/* slide-2 */
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-2 {
		flex-direction: column;
		justify-content: center;
		grid-gap: 0;
		display: flex;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-2-content {
		padding-left: 0;
		width: 20%;
		position: fixed;
		top: 3%;
		align-self: center;
		
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-2 ul {
		text-align: left;
		padding-top: 5%;
		margin: 0 auto;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-2 ul li {
		font-size: 0.7em;
		line-height: 1.5em;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-2 img {
		max-width: 21rem;
	}
}

/* end slide-2 */

/* slide-3 */
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-3 {
		flex-direction: column-reverse; /* 反方向:下到上 */
		justify-content: center;
		grid-gap: 0;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-3-image {
		padding-left: 3%;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-3 img {
		max-width: 21rem;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-3-content {
		padding: 0;
		max-width: 20%;
		position: fixed;
		top: 8%;
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-3-content p {
		text-align: left;
		padding-top: 3%;
		font-size: 0.875rem;
	}
}
/* end slide-3 */

/* slide-4 */
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-4 {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		grid-gap: 8%;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-4-content {
		padding-top: 8%;
		display: flex;
		flex-direction: column;
		width: 90%;
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-4 h2 {
		padding-left: 0;
		font-size: 1.5em;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-4 .slide-4-disclaimer {
		display: none;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-features-slider .slide-4 img {
		max-width: 28rem;
		padding-left: 5%;
	}
}
/* end slide-4 */

/* 左侧导航 */
/* <!-- vr features Tiles section 配件特征 --> */
@media screen and (min-width:320px) and (max-width:767px) {
	section#vr-feature-titles {
		position:absolute;
		top: 4000px;
		grid-template-columns: 1fr;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.pagination-bottom {
		opacity: 0;
	}
}

/* <!-- vr Tech Specs Section --> */
@media screen and (min-width:320px) and (max-width:767px) {
	section#section-vr-tech-specs .section-container {
		padding: 50px 0 0 0;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#section-vr-tech-specs .section-container h2 {
		font-size: 1.5em;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#section-vr-tech-specs .section-container-specs {
		max-width: 80%;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#section-vr-tech-specs .section-container-specs th {
		display: block;
		width: 100%;
		text-align: left;
		padding-left: 0;
		padding-bottom: 5px;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#section-vr-tech-specs .section-container-specs td {
		display: block;
		width: 100%;
		padding-left: 0;
	}
}
@media screen and (min-width:320px) and (max-width:767px) {
	section#section-vr-tech-specs .section-container-specs-disclaimer {
		max-width: 80%;
		text-align: left;
	}
}
/* <!-- vr Tech Specs Section --> */
@media screen and (min-width:320px) and (max-width:767px) {
	section#section-vr-tech-specs {
		position: absolute;
		top: 5200px;
	}
}