@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------
追加
---------------------------------------------- */
.cover-content .content-wrapper .slogan span {
font-size:inherit;
}
.cover-content .content-wrapper p {
    margin: 1.5em 0;
}
.content-main.txt-white * {
	color:#fff;
}

@media only screen and (max-width: 767px) {
#productbox .cover-content .content-wrapper {
  padding:0;
}
}


/* ----------------------------------------------
vz-x　日本版
---------------------------------------------- */
/* @font-face {
	font-family: 'SimplonNorm-Bold';
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Bold.ttf");
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Bold.ttf") format("truetype"),
	     url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Bold.otf") format("opentype");
}
@font-face {
	font-family: 'SimplonNorm-Regular';
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Regular.woff");
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Regular.ttf") format("truetype"),
		 url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Regular.otf") format("opentype"),
		 url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Regular.woff") format("woff");
}
@font-face {
	font-family: 'SimplonNorm-Light';
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Light.ttf");
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Light.ttf") format("truetype"),
	     url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Light.otf") format("opentype");
} */

/* pc */
.wrap{ z-index:99}
nav{ z-index:101}
strong, b {font-weight: bold;}
.prodContent-desc .wrap {width: 100%;}
#prodContent .prodContent-desc .columnLeft{padding: 0px;color: #000;font-size: 16px;line-height: normal}
#prodContent .prodContent-desc .columnRight {width: 980px;margin: 60px auto 0;}
.prodFeature-subtitle{line-height: 1.4em; font-size: 1.15em;color: #000;  padding:5px 8px !important; margin:0 0 25px 0 !important; background-color: #EFEFEF; box-sizing: border-box; }
.prodFeature-subtitle:before{ display:none !important}
.vat {font-size: .7em; font-weight:normal}
#prodFeatureAnchor{ margin-top:5px; z-index:100}

/* Slideshow */
div.shareLinks { display: block; margin-top:50px; }
div.prod-model-nos{font-size:14px; margin:-3px 0 10px;}
.sliderPhotos, .sliderPhotos img {width:620px; height:480px; min-height:480px; margin:0 auto;}
.sliderPhotos { float: right; }
.prodSlider .sliderData{right:auto;left:25px;}
.sliderExtraInfo{top:85px;}
.siderbarImg{ top: 290px; right: 0px;}
#prodContent .prodContent-banner{width:100%; height: auto; min-height:auto; margin:0 auto;box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1); z-index:100}
#prodContent .prodContent-banner .prodSlider {min-height: 0; height: 480px;  }

/* prodBar-box */
.prodBar-box{}
.prodBar-box .prodBar-wrapper{ display:flex;justify-content:space-between; padding:20px 0; color:#000 }
.prodBar-box .prodBar-info{ width:45%;  display:inline-flex;align-items:center;}
.prodBar-box .prodBar-photo{ }
.prodBar-box .prodBar-photo img{ width:100px; height:100px;}
.prodBar-box .prodBar-content{ margin-left:10px;}
.prodBar-box .prodBar-name{ font-size:18px; line-height:1.1em; margin:0 0 8px 0 }
.prodBar-box .prodBar-model{ font-size:14px; margin:5px 0; color:#666}
.prodBar-box .prodBar-shop{width:55%; text-align:right;display:inline-flex;flex-wrap:wrap; flex-direction: column;}
.prodBar-box .prodBar-price{ font-size:36px; margin:15px 0; }
.prodBar-box .prodBar-unit{font-size:.7em; margin-right:3px;}
.prodBar-box .prodBar-vat{ font-size:16px;}
.prodBar-box .prodBar-pack{ font-size:20px; color:#666 !important; }
.prodBar-box ul.prodBar-buy{ list-style:none; margin:0; padding:0}
.prodBar-box ul.prodBar-buy li{ display:inline-block; margin-left:3px}
.btn2{ font-size:15px; font-weight:normal; color:#fff; text-decoration: none; background-color:#333; text-align: center; display: inline-block; white-space:nowrap; padding:0 20px; border-radius:50px; border: 1px solid #333; line-height:35px;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out; margin:0;cursor: pointer;box-sizing: border-box;}
.btn2:hover{background-color:#74ba00; text-decoration: none; border: 1px solid #74ba00;cursor: pointer;}
.btn2.btn-amazon{ background-color:#e7601e; border:1px solid #e7601e}
.btn2.btn-amazon:hover{background-color: #bc440a; border: 1px solid #bc440a;}
.btn2.btn-order{ background-color:#424242; border:1px solid #424242}
.btn2.btn-order:hover{background-color: #2b2b2b; border: 1px solid #2b2b2b;}
.productBar-buy .btn-available{font-size:1em !important; display: inline-block !important; font-weight:normal; text-decoration: none; background-color:#eee; text-align: center; display: inline-block; white-space:nowrap; padding:0 25px; border-radius:50px; border: 0px solid #333; line-height:38px; margin-top:-2px;}
.product-main .support-links a:first-child{ border-left: 0;}
@media only screen and (max-width: 768px) {
	.productBar-buy .btn-available { float: right; width:auto !important;}
}
.productBar-buy .note { display: inline-block; font-size: .8em; color: #666;}
@media screen and (max-width: 480px) {
	.prodBar-box .prodBar-wrapper{ display:block}
	.prodBar-box .prodBar-photo img{ width:120px; height:120px;}
	.prodBar-box .prodBar-info{ width:100%; margin-bottom:20px; }
	.prodBar-box .prodBar-shop{width:100%; text-align:left; }
	.prodBar-box .prodBar-name{ font-size:34px; margin:0 0 15px 0 }
	.prodBar-box .prodBar-model{ font-size:24px; }
	.prodBar-box .prodBar-price{ font-size:52px; margin-top:15px; margin-bottom:30px;margin-left:130px; }
	.prodBar-box .prodBar-pack{ font-size:30px;  }
	.prodBar-box .prodBar-vat{ font-size:28px;}
	.prodBar-box ul.prodBar-buy li{ display:inline-block; margin-left:0px; margin-bottom:20px; display:block; width:100%;}
	.btn2{ font-size:28px;line-height:55px;padding:0 25px; width:100%;}
}


/* mobile device */
@media screen and (max-width: 480px) {
	nav{ z-index:1 !important}
	header .logo{ padding:15px 0 0 0;}
	header .js-mobi-btn{ float:none; right:-20px;}
	.container.frame, header .js-mobi-btn.active+.menu-main, header nav .wrap{ width:353px;}
	.sidebarBox#features ul.sidebarBox-lists{ width:100% !important;}
	/* #footer{ -moz-transform-origin: left top; -webkit-transform-origin:left top; -o-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top; -moz-transform:scale(0.52); -webkit-transform:scale(0.52); -o-transform:scale(0.52); -ms-transform:scale(0.52); transform:scale(0.52); height:340px; width:625px;} */
	/* #mRotating-item-wrapper {width: 654px;height: 543px;margin-bottom: 20px;} */
	.prodContent-prodList.box#warranty .warrantyBox_text p{ font-size:26px}
	.qa-for-is01 li h4, .qa-for-is01 .ans, ul.text_list > li { line-height:1.3em; font-size:28px;}
	.mobile .sliderPhotos { float: none; }
	.mobile .sliderPhotos, .sliderPhotos img {margin:0 ;min-height:550px;}
	.mobile .prodContent-video{ display:none;}
	.mobile#prodContent{ height:8300px;}
	.mobile#prodContent .prodContent-banner{ position:relative; z-index:101;box-shadow: none;}
	.mobile#prodContent .prodContent-banner .prodSlider {height: auto;  }
	.prodFeature-subtitle{ margin:30px 0 20px -18px !important}
	.price_now {font-size: 36px !important;}
	ul.ul_list > li{ line-height:1.2em}
	.vat {font-size: .9em;}
	.creative, .copyright{ font-size:14px;}
	.prodFeature_box:first-child{ border:0}

}

/* lazyload image */
@keyframes scaleout {
	0% {transform: scale(0); }
	100% {transform: scale(1);opacity: 0; }
  }
  .loading:before {content: "";position: absolute; z-index: 1;top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; width: 32px; height: 32px; border-radius: 32px; animation: scaleout 1.2s infinite ease-in-out;/* Tweak as needed */ mix-blend-mode: soft-light; background-color: rgba(0, 0, 0, .9); }
  .lazyload, .lazyloading {opacity: 0; }
  .loading, .lazyload, .lazyloaded, .image {opacity: 1;transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  /* no-src */
  .lazyload, .lazyloading {opacity: 0;}
  .lazyloaded { opacity: 1; }
  .close-button {position: relative;display: inline-block;width: 35px;height: 35px;overflow: hidden;cursor: pointer;}
  .close-button:hover::before, .close-button:hover::after {background: #74ba00;}
  .close-button::before, .close-button::after {content: '';position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #333;margin-top: -1px;border-radius: 5px;transition:all 0.2s;-webkit-transition:all 0.2s;}
  .close-button::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
  .close-button::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
  .close-text{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0; background-color:#000000; color:#fff}
  ul.link-stack{list-style: none;margin:0; padding: 0;*zoom:1;}
  ul.link-stack:before, ul.link-stack:after {display:table;line-height:0;content:"";}
  ul.link-stack:after {clear: both}
  ul.link-stack > * + * {margin-left: 10px;}
  ul.link-stack li{ float: left; }

/* ----------------------------------------------
overview for Uplift
---------------------------------------------- */

.overview .nowrap { display: inline-block;}
.overview a .nowrap { text-decoration:underline}
.overview .fontWeight-normal { font-weight: normal;}
.annotation-text { width: 1px; height: 1px; margin: -1px; padding: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); overflow: hidden; position: absolute;}
.notation { font-family: 'Droid Sans', 'sans-serif'; font-weight: lighter; font-size: .85em;}

/* .overview { font-family: 'Microsoft JhengHei', 'SimplonNorm-Regular', 'SimplonNorm-Light', 'Droid Sans', 'Helvetica','Arial', 'sans-serif' !important;}
.overview h2 { font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold' 'Droid Sans', 'Helvetica','Arial', 'sans-serif' !important;}
.overview h3 { font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold', 'Droid Sans', 'Helvetica','Arial', 'sans-serif' !important;} */


.cover { width: 100%; height: 100%;}
.cover-wrapper { width: 100%; height: 100%; position: relative;}
.cover-content { width: 100%; height: 100%; position: absolute; }
.cover-content .content-wrapper { max-width: 1640px; width: 85%; height: 100%; margin:  0 auto; display: flex; align-items: stretch;}
.cover-content .content-wrapper > div { margin-top: 180px;}
.cover-content .content-wrapper h2 { margin: 0 0 .2em 0; font-size: 1.5em; font-weight: bold !important; font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold' 'Droid Sans', 'Helvetica','Arial', 'sans-serif' !important;}
.cover-content .content-wrapper h3 { margin: 0; font-size: 1.1em; font-weight: bold !important; font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold' 'Droid Sans', 'Helvetica','Arial', 'sans-serif' !important;}
.cover-content .content-wrapper p { width: 48%; line-height: 1.4em;}
.cover-content .content-wrapper .slogan { width: 100%; margin-top: 0; margin-bottom: .75em; font-size: 2.8em; font-weight: bold !important; font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold', 'droid sans' ,'Helvetica','Arial', 'sans-serif' !important;}
.cover-photo { width: 100%; height: 100%;}
.cover-photo img { width: 100%; height: auto; display: block;}

.wireless { max-width: 1640px; width: auto; height: 100%; margin: 60px auto;}
.wireless-wrapper { width: 100%; height: 100%; display: inline-flex; flex-direction: row-reverse;}
.wireless-content { width: 50%;}
.wireless-content .content-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.wireless-content .content-wrapper h2 { margin-top: 0; margin-bottom: 1.5em; font-size: 1.75em; font-weight: bold !important; font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold', 'droid sans' ,'Helvetica','Arial', 'sans-serif' !important;}
.wireless-content .content-wrapper p { margin-right: 5%; font-size: 1em; line-height: 1.4em;}
.wireless-content .content-wrapper .content-main { height: 100%; margin: 0 12%; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
.wireless-content .content-wrapper .btn-video { margin: 2em auto 0; text-align: center;}
.wireless-content .content-wrapper .btn-video a {
	color:#fff;
}
/* .wireless-content .content-wrapper .btn-video a { padding: .85em 2em; display: inline-block; background: #1d799d; border-radius: 50px; color: #ffffff; text-decoration: none;} */
.wireless-content .content-wrapper .btn-video a::after { content: ""; display: inline-block; vertical-align: middle; margin-left: 10px; width: 11px; height: 14px; background: url("https://ipevo-images.s3-us-west-2.amazonaws.com/product/vz-x_wireless_hdmi_usb_8mp_document_camera/main/content/product-vzx-overview_wireless-doc-cam-video.svg") no-repeat center center;}
/* .wireless-content .content-wrapper .btn-video a:hover { background: #232322;} */
.wireless-content .content-photo { width: 85%; text-align: right; align-self: flex-end;}
.wireless-content .content-photo img { width: 100%; height: auto; display: block;}
.wireless-photo { width: 50%;}
.wireless-photo img { width: 100%; height: auto;}

.hdmi { max-width: 1640px; width: auto; height: 100%; margin: 60px auto;}
.hdmi-wrapper { width: 100%; height: 100%; display: inline-flex; flex-direction: row;}
.hdmi-content { width: 50%;}
.hdmi-content .content-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
.hdmi-content .content-wrapper h2 { margin-bottom: 1.5em; font-size: 1.75em; font-weight: bold !important; font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold', 'droid sans' ,'Helvetica','Arial', 'sans-serif' !important;}
.hdmi-content .content-wrapper p { font-size: 1em; line-height: 1.4em;}
.hdmi-content .content-wrapper .note { display: block; color: #666666;}
.hdmi-content .content-wrapper .content-main { margin: 0 12%;}
.hdmi-photo { width: 50%;}
.hdmi-photo img { width: 100%; height: auto; display: block;}

.compatible { max-width: 1640px; width: auto; height: 100%; margin: 60px auto;}
.compatible-wrapper { width: 100%; height: 100%; display: inline-flex; flex-direction: row-reverse;}
.compatible-content { width: 40%; background: #232322; color: #ffffff;}
.compatible-content .content-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
.compatible-content .content-wrapper h2 { margin-bottom: 1.5em; font-size: 1.75em;  text-align: center; font-weight: bold !important; font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold', 'droid sans' ,'Helvetica','Arial', 'sans-serif' !important;}
.compatible-content .content-wrapper p { font-size: 1em; line-height: 1.4em;}
.compatible-content .content-wrapper a { color: #ffffff; text-decoration: underline;}
.compatible-content .content-wrapper a:hover { color: #319dc8;}
.compatible-content .content-wrapper .content-main { margin: 0 12%;}
.compatible-photo { width: 60%; height: 100%; overflow: hidden;}
.compatible-photo img { width: 100%; height: auto; display: block; object-position: right bottom;}

.quality { max-width: 1640px; width: auto; margin: 60px auto;}
.quality-wrapper { width: 100%;}
.quality-content { max-width: 100%; width:45%; margin: 0 auto;}
.quality-content .content-wrapper {}
.quality-content .content-wrapper h2 { margin-bottom: 1.5em; font-size: 1.75em; text-align: center; font-weight: bold !important; font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold', 'droid sans' ,'Helvetica','Arial', 'sans-serif' !important;}
.quality-content .content-wrapper p { font-size: 1em; line-height: 1.4em;}
.quality-photo { width: 100%; height: auto;  margin: 30px auto; text-align: center;}
.quality-photo img { max-width: 500px; width: 100%; height: auto;}

.adjustable { width: 100%; margin: 60px auto; background: #f8f8f8;}
.adjustable-wrapper { max-width: 1640px; width: auto; margin: 0 auto; padding: 60px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;}
.adjustable-content { width: 40%;}
.adjustable-content .content-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
.adjustable-content .content-wrapper h2 { margin-bottom: 1.5em; font-size: 1.7em; text-align: center; font-weight: bold !important; font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold', 'droid sans' ,'Helvetica','Arial', 'sans-serif' !important;}
.adjustable-content .content-wrapper p { font-size: 1em; line-height: 1.4em;}
.adjustable-content .content-wrapper .content-main { margin: 0 12%;}
.adjustable-photo { width: 60%;}
.adjustable-photo img { max-width: 300px; width: 100%; height: auto;}
.adjustable-photo .photo-wrapper {  display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: stretch; align-content: stretch;}
.adjustable-photo .photo-wrapper .photo-item { width: 30%}
.adjustable-photo .photo-wrapper .photo-item:nth-child(1), .adjustable-photo .photo-wrapper .photo-item:nth-child(2), .adjustable-photo .photo-wrapper .photo-item:nth-child(3) { margin-bottom: .75em;}
.adjustable-photo .photo-wrapper .photo-item:nth-child(4), .adjustable-photo .photo-wrapper .photo-item:nth-child(5), .adjustable-photo .photo-wrapper .photo-item:nth-child(6) { margin-top: .75em;}
.adjustable-photo .photo-wrapper .photo-item:nth-child( 3n - 1) { margin-left: 2em; margin-right: 2em;}

.supply { max-width: 1640px; width: auto; margin: 60px auto;}
.supply-wrapper { width: 100%;}
.supply-content { max-width: 100%; width: 45%; margin: 0 auto;}
.supply-content .content-wrapper {}
.supply-content .content-wrapper h2 { margin-bottom: 1.5em; font-size: 1.75em; text-align: center; font-weight: bold !important; font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold', 'droid sans' ,'Helvetica','Arial', 'sans-serif' !important;}
.supply-content .content-wrapper p { font-size: 1em; line-height: 1.4em;}
.supply-content .content-wrapper .note { display: block; color: #666666;}
.supply-photo { width: 100%; height: auto;  margin: 30px auto; text-align: center;}
.supply-photo img { max-width: 500px; width: 100%; height: auto;}

.buttons { width: 100%; margin: 60px auto 0; background: #f8f8f8;}
.buttons-wrapper { max-width: 1640px; width: auto; margin: 0 auto; padding: 60px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;}
.buttons-content { width: 40%;}
.buttons-content .content-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
.buttons-content .content-wrapper h2 { margin-bottom: 1.5em; font-size: 1.75em; text-align: center; font-weight: bold !important; font-family: 'Microsoft JhengHei UI Bold', 'SimplonNorm-Bold', 'droid sans' ,'Helvetica','Arial', 'sans-serif' !important;}
.buttons-content .content-wrapper p { font-size: 1em; line-height: 1.4em;}
.buttons-content .content-wrapper .note { display: block; color: #666666;}
.buttons-content .content-wrapper .content-main { margin: 0 12%;}
.buttons-photo { width: 60%;}
.buttons-photo img { max-width: 400px; width: 100%; height: auto; display: block;}
.buttons-photo .photo-wrapper {  display: flex; flex-wrap: wrap; justify-content: flex-end; align-content: stretch;}
.buttons-photo .photo-wrapper .photo-item { width: 45%;}





/* ----------------------------------------------
RWD
---------------------------------------------- */

@media only screen and (max-width: 1920px) {
    .cover-content .content-wrapper { width: 90%; padding-top:4rem;}
}

@media only screen and (max-width: 1740px) {
    .cover-content .content-wrapper .slogan { width: 45%;}
    .cover-content .content-wrapper > div { margin-top: 120px;}
}

@media only screen and (max-width: 1640px) {
    .wireless { margin: 60px 25px;}
    .hdmi { margin: 60px 25px;}
    .compatible { margin: 60px 25px;}
    .quality { margin: 60px 25px;}
    .adjustable-wrapper { padding-left: 25px; padding-right: 25px;}
    .supply { margin: 60px 25px;}
    .buttons-wrapper { padding-left: 25px; padding-right: 25px;}
    .buttons-photo .photo-wrapper .photo-item:nth-child(1) { margin-right: .5em;}
}

@media only screen and (max-width: 1600px) {
    .cover-content .content-wrapper { width: 85%;}
    .buttons-photo .photo-wrapper .photo-item:nth-child(1) { margin-right: 1em;}
}

@media only screen and (max-width: 1440px) {
    .cover-content .content-wrapper { width: 100%; padding: 0 25px;}
    .cover-content .content-wrapper > div { margin-top: 80px;}
    .wireless-content .content-wrapper p { margin-right: 0;}
    .wireless-content .content-wrapper .content-main { margin: 0 8%;}
    .wireless-content .content-photo { width: 80%;}
    .hdmi-content .content-wrapper .content-main { margin: 0 8%;}
    .compatible-content .content-wrapper .content-main { margin: 0 8%;}

}

@media only screen and (max-width: 1366px) {
    .wireless-content .content-photo { width: 70%;}
}

@media only screen and (max-width: 1280px) {
    .cover-content .content-wrapper .slogan { font-size: 2.35em;}
    .wireless-content .content-wrapper h2 { margin-bottom: 1em; font-size: 1.5em; }
    .hdmi-content .content-wrapper h2 { margin-bottom: 1em; font-size: 1.5em; }
    .compatible-content .content-wrapper h2 { margin-bottom: 1em; font-size: 1.5em; }
    .quality-content .content-wrapper h2 { margin-bottom: 1em; font-size: 1.5em; }
    .quality-content { width: 50%;}
    .adjustable-content .content-wrapper h2 { margin-bottom: 1em; font-size: 1.5em; }
    .supply-content .content-wrapper h2 { margin-bottom: 1em; font-size: 1.5em; }
    .supply-content { width: 50%;}
    .buttons-content .content-wrapper h2 { margin-bottom: 1em; font-size: 1.5em;}
}

@media only screen and (max-width: 1200px) {
    .adjustable-photo .photo-wrapper .photo-item:nth-child(1), .adjustable-photo .photo-wrapper .photo-item:nth-child(2), .adjustable-photo .photo-wrapper .photo-item:nth-child(3) { margin-bottom: .25em;}
    .adjustable-photo .photo-wrapper .photo-item:nth-child(4), .adjustable-photo .photo-wrapper .photo-item:nth-child(5), .adjustable-photo .photo-wrapper .photo-item:nth-child(6) { margin-top: .25em;}
    .adjustable-photo .photo-wrapper .photo-item:nth-child( 3n - 1) { margin-left: 1em; margin-right: 1em;}
}

@media screen and (min-width: 1101px) and (max-width: 1200px) {
    .wireless-content .content-photo { width: 60%;}
}

@media only screen and (max-width: 1100px) {
    .cover-content .content-wrapper > div { margin-top: 40px;}
    .wireless-content .content-wrapper .btn-video { margin: 0 auto;}
    .wireless-content .content-wrapper .btn-video a { padding: .5em 1.5em; font-size: .8em;}
    .wireless-content .content-photo { width: 55%;}
}

@media only screen and (max-width: 1024px) {
    cover-content .content-wrapper .slogan { font-size: 2em; line-height: .95em;}
    .wireless-content .content-wrapper h2 { margin-bottom: .8em; font-size: 1.2em;}
    .wireless-content .content-wrapper .content-main { margin: 0 5%;}
    .hdmi-content .content-wrapper h2 { margin-bottom: .8em; font-size: 1.2em;}
    .hdmi-content .content-wrapper .content-main { margin: 0 5%;}
    .compatible-content .content-wrapper h2 { margin-bottom: .8em; font-size: 1.2em;}
    .compatible-content .content-wrapper .content-main { margin: 0 5%;}
    .quality-content .content-wrapper h2 { margin-bottom: .8em; font-size: 1.2em;}
    .adjustable-content .content-wrapper h2 { margin-bottom: .8em; font-size: 1.2em;}
    .supply-content .content-wrapper h2 { margin-bottom: .8em; font-size: 1.2em;}
    .buttons-content .content-wrapper h2 { margin-bottom: .8em; font-size: 1.2em;}
}

@media only screen and (max-width: 960px) {
    .cover { width: 100%; height: 100%;}
    .cover-wrapper { width: 100%; height: 100%; position: relative; display: flex; flex-direction: column-reverse; }
    .cover-content { width: 100%; height: 100%; position: relative;}
    .cover-content .content-wrapper { width: 90%; height: 100%; margin: 0 auto; padding: 0 25px; display: flex; flex-direction: column; align-items: stretch;}
    .cover-content .content-wrapper > div { margin-top: 30px;}
    .cover-content .content-wrapper h2 { margin: 0 0 .2em 0; font-size: 1.5em;}
    .cover-content .content-wrapper h3 { margin: 0; font-size: 1.1em;}
    .cover-content .content-wrapper p { width: 100%; line-height: 1.4em;}
    .cover-content .content-wrapper .slogan { width: 100%; font-size: 2.3em; line-height: 1em;}
    .wireless-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column-reverse;}
    .wireless-content { width: 90%; margin: 0 auto;}
    .wireless-content .content-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
    .wireless-content .content-wrapper .content-main { height: 100%; margin: 0; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
    .wireless-content .content-wrapper .btn-video { margin: 2em auto !important;}
    .wireless-content .content-wrapper .btn-video a { padding: .85em 2em; font-size: 1em;}
    .wireless-content .content-photo { width: auto; text-align: right; align-self: flex-end;}
    .wireless-content .content-photo img { max-width: 600px;}
    .wireless-photo { width: auto; margin: 0 auto 2em !important;}
    .wireless-photo img { max-width: 500px;}
    .hdmi-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column;}
    .hdmi-content { width: 90%; margin: 0 auto;}
    .hdmi-content .content-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
    .hdmi-content .content-wrapper .content-main { margin: 0;}
    .hdmi-photo { width: auto; margin: 2em auto 0 !important;}
    .hdmi-photo img { max-width: 500px;}
    .compatible-wrapper { width: 90%; height: 100%; margin: 0 auto; display: flex; flex-direction:column;}
    .compatible-content { width: 100%;}
    .compatible-content .content-wrapper { width: 70%; margin: 0 auto !important; padding: 100px 0;}
    .compatible-content .content-wrapper .content-main { margin: 0;}
    .compatible-photo { width: 100%;}
    .quality-content { width: 70%;}
    .adjustable-wrapper { width: auto; flex-direction: column; justify-content: space-between; align-items: stretch;}
    .adjustable-content { width: 100%;}
    .adjustable-content .content-wrapper { width: 100%; height: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
    .adjustable-content .content-wrapper .content-main { width: 70%; margin:  0 auto 30px;}
    .adjustable-photo { width: 100%;}
    .adjustable-photo .photo-wrapper { justify-content: center;}
    .adjustable-photo .photo-wrapper .photo-item { width: 30%;}
    .supply-content { width: 70%;}
    .buttons-wrapper { width: 100%; flex-direction: column; justify-content: space-between; align-items: stretch;}
    .buttons-content { width: 100%;}
    .buttons-content .content-wrapper { width: 100%; height: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
    .buttons-content .content-wrapper .content-main { width: 70%; margin:  0 auto 30px;}
    .buttons-photo { width: 100%;}
    .buttons-photo .photo-wrapper { justify-content: center;}

}

@media only screen and (max-width: 768px) {
    .cover-content .content-wrapper .slogan {  font-size: 2em; line-height: 1em;}
    .compatible-wrapper { width: 100%;}
    .compatible-content .content-wrapper { width: 80%; margin: 0 auto; padding: 70px 0;}
    .quality-content { width: 90%;}
    .supply-content { width: 90%;}
    .adjustable-content .content-wrapper .content-main { width: 90%;}
    .buttons-content .content-wrapper .content-main { width: 90%;}

}

@media only screen and (max-width: 576px) {
    .cover-content .content-wrapper .slogan { font-size: 1.8em; }
    .wireless-content .content-wrapper .btn-video a { width: 82%; padding: .5em 1.5em; font-size: 1em;  border-radius: 5px;}
    .quality-photo img { max-width: 400px;}
    .adjustable-photo .photo-wrapper .photo-item { width: 45%}
    .adjustable-photo .photo-wrapper .photo-item:nth-child(1), .adjustable-photo .photo-wrapper .photo-item:nth-child(2), .adjustable-photo .photo-wrapper .photo-item:nth-child(3) { margin-bottom: .25em !important;}
    .adjustable-photo .photo-wrapper .photo-item:nth-child(4), .adjustable-photo .photo-wrapper .photo-item:nth-child(5), .adjustable-photo .photo-wrapper .photo-item:nth-child(6) { margin-top: 0; margin-bottom: .25em !important;}
    .adjustable-photo .photo-wrapper .photo-item:nth-child( 3n - 1) { margin-left: 0; margin-right: 0;}
    .adjustable-photo .photo-wrapper .photo-item:nth-child( 2n) { margin-left: 1em;}
    .supply-photo img { max-width: 400px;}
    .buttons-photo img { max-width: 100%;}
    .buttons-photo .photo-wrapper .photo-item { width: 80%; margin: 0 auto 2em !important; text-align: center;}
    .buttons-photo .photo-wrapper .photo-item:nth-child(1) { margin-right: 0;}
}


@media only screen and (max-width: 480px) {
    #prodContent .prodContent-desc .columnLeft div { margin: auto;}
    .cover-content .content-wrapper h2 { margin: 1em 0 0 !important; padding: 0; }
    /* .cover-content .content-wrapper h3 { font-size: 1.75em;} */
    /* .cover-content .content-wrapper .slogan { margin: 0; font-size: 2.4em !important; } */
    .wireless-content .content-wrapper .btn-video { margin: 2em auto 4em !important;}
    .wireless-content .content-wrapper .btn-video a { width: auto; font-size: 1.5em; }
    .wireless, .hdmi, .compatible, .quality, .supply { margin: 60px auto !important;}
    .adjustable-wrapper { padding-left: auto; padding-right: auto;}
    .buttons-wrapper { padding-left: 0; padding-right: 0;}
    /* .wireless-content .content-wrapper h2, .hdmi-content .content-wrapper h2, .compatible-content .content-wrapper h2, .quality-content .content-wrapper h2, .adjustable-content .content-wrapper h2,.supply-content .content-wrapper h2,.buttons-content .content-wrapper h2 { font-size: 1.75em;}
    .cover-content .content-wrapper p,.wireless-content .content-wrapper p, .hdmi-content .content-wrapper p, .compatible-content .content-wrapper p, .quality-content .content-wrapper p, .adjustable-content .content-wrapper p, .supply-content .content-wrapper p, .supply-content .content-wrapper p, .buttons-content .content-wrapper p { font-size: 1.75em;} */
    .adjustable-photo .photo-wrapper .photo-item:nth-child(1), .adjustable-photo .photo-wrapper .photo-item:nth-child(2), .adjustable-photo .photo-wrapper .photo-item:nth-child(3) { margin-bottom: 1em !important;}
    .adjustable-photo .photo-wrapper .photo-item:nth-child(4), .adjustable-photo .photo-wrapper .photo-item:nth-child(5), .adjustable-photo .photo-wrapper .photo-item:nth-child(6) { margin-bottom: 1em !important;}

}

@media only screen and (max-width: 420px) {
    .cover-content .content-wrapper .slogan { font-size: 1.6em; line-height: 1em !important;}
    .compatible-content .content-wrapper { width: 80%; margin: 0 auto; padding: 50px 0;}
}