@charset "utf-8";
/*Venbox*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	height:100%;
}
.vbox-overlay{
    background: #fdfdfd;
    background: rgba(0,0,0,0.85); 
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
	z-index:99999;
}
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url('../images/main/preload-circle.png');
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(18) infinite;
       -moz-animation: playload 1.4s steps(18) infinite;
        -ms-animation: playload 1.4s steps(18) infinite;
         -o-animation: playload 1.4s steps(18) infinite;
            animation: playload 1.4s steps(18) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
.vbox-close{    cursor: pointer;    position: fixed;    top: -1px;    right: 0;    width: 46px;    height: 40px;    padding: 10px 20px 10px 0;    display: block;    background: url('../images/main/close.gif') no-repeat #161617;  background-position:10px center;    color: #fff;    text-indent: -100px;    overflow: hidden;}
.vbox-inline{    width: 420px;    height: 315px;    padding: 10px;    background: #fff;    text-align: left;    margin: 0 auto;    overflow: auto;}

.venoframe{ border: none;  width: 100%;   height: 99%;}


/*///////////////////////////////////////////////////////////////////*/
/**/
@font-face {
	font-family: 'myriad-pro';
	src: url('../fonts/MyriadPro-Light.eot');
	src: 
	url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),  
	url('../fonts/MyriadPro-Light.woff') format('woff'),  
	url('../fonts/MyriadPro-Light.ttf') format('truetype'),  
	url('../fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
}	

/*kv*/
.wrap-key-visual{position:relative; width:100%; top:0;left:0 }
.wrap-key-visual .box-word-cent{width:75%; display:block; }
.wrap-key-visual .box-word-cent-mobo{display:none}

.box-kv-bg {width:100%; height:0; padding-bottom:56.7708333%; background:url(../images/main/kv-main.jpg) ;background-size:contain; background-repeat:no-repeat;}
.product_logo {width: 100%;margin: 0 auto;}
.product_logo img{width:100%; max-width: 716px !important;}
.box-k-visual { width:100%; text-align:center;}
.box-k-visual img{width:100%;  margin:0 auto;} 

/*Ultra Sleek. Ultra Elegant*/
.wrap-elegant{width:100%; position:relative; text-align:center;}
.icon-elegant{ display:inline-block; margin:0 1.5%!important; text-align:left;}
.wrap-img-elegant{width:100%; height:0; padding-bottom:52.708333%; position:relative;  z-index:-1; margin-top:-12%; background:url(../images/main/img-elegant.jpg) no-repeat ; background-size:contain; }
.wrap-img-elegant img{width:100%;}
	
/*Incredible Performance*/
.wrap-performance{width:100%;}
.box-performance-img{width:75%; height:0; margin:0 auto; padding-bottom:44.2033414996%; background:url(../images/main/img-performance.jpg) no-repeat; background-size:contain; }
.wrap-performance-icon{text-align:center;}
.icon-performance{margin:0 1.5%!important; display:inline-block; text-align:left;}

/*Ultimate Graphics*/
.wrap-graphic{width:100%; position:relative; text-align:center;}
.wrap-graphic .box-word-left{width:30%; max-width:300px; display:inline-block;margin-left:15%;}
.box-img-graphic{width:80%; height:0; vertical-align:top; padding-bottom:43.31242158%; background:url(../images/main/img-graphic.jpg) no-repeat; background-size:contain; display:inline-block; margin-left:-20%; position:relative; z-index:-3}
.box-img-graphic img{width:100%; max-width:1594px;}

/*Every Detail Matters*/
.wrap-detail{width:100%; display:block; position:relative;}
.wrap-detail-image{ width:100%; height:0; position:relative;overflow:hidden;  padding-bottom:39.583333%; background:url(../images/main/img-detail-bg.jpg) no-repeat;background-size:cover; }

.box-detail-img{width:57%; height:0; padding-bottom:33.5%;margin:-28% auto 0; background:url(../images/main/img-detail.png) no-repeat; background-size:contain; position:relative;z-index:999}
.box-detail-img img{width:100%;}
.wrap-detail-icon{text-align:center;}
.icon-detail{margin:0 1.5%!important; display:inline-block; text-align:left;}

/*More Colors. Better Colors.*/
.wrap-color{width:100%; display:block; position:relative;}
.box-color-img{width:100%; height:0; padding-bottom:47.86458333%;margin:0 auto; text-align:center; background:url(../images/main/img-color.jpg) no-repeat; background-size:contain;}
.wrap-color-icon{text-align:center;}
.icon-color{margin:0 1.5%!important; display:inline-block; text-align:left;}

/*splendid*/
.wrap-splendid{width:100%; position:relative;}
.box-icon-splendid{width:80%; margin:0 auto; text-align:center}
.box-icon-splendid img {width:100%; max-width:130px!important}

.wrap-img-splendid{width:96%; margin:0 auto;}
.box-splendid{width:25%; margin:-2px; display:inline-block;}
.box-img-splendid{width:99.4%; height:0;padding-bottom:137.7236129%;margin:0 auto; text-align:center;}
.box-img-splendid img{width:100%;}
.splendid-tital{font-family : "myriad-pro";	font-weight:300;;font-size: 1.5em !important;	letter-spacing: 0.02em;word-spacing: 0.04em;color:black;}
.normal-mode{ background-image:url(../images/main/img-splendid-normal.jpg); background-repeat:no-repeat; background-size:contain;}
.eyecare-mode{ background-image:url(../images/main/img-splendid-eyecare.jpg); background-repeat:no-repeat; background-size:contain;}
.vivid-mode{ background-image:url(../images/main/img-splendid-vivid.jpg); background-repeat:no-repeat; background-size:contain;}
.manual-mode{ background-image:url(../images/main/img-splendid-manual.jpg); background-repeat:no-repeat; background-size:contain;}

/*hover content*/
.item {width:100%;  text-align:center;float:left;position:relative;}
.item,.item-hover,.item-hover .mask,.item-img,.item-info {	width: 100%;height: 0%; padding-bottom:138.0645161%;}
.item-hover,.item-hover .mask,.item-img { position:absolute;	top:0;	left:0;	}			
.item-type-line .item-hover {z-index:100;opacity:0;cursor:pointer;display:block;text-decoration:none;text-align:center;	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;	
	}
.item-type-line .item-info {width:92%; margin:0 auto;color:#ffffff;display:block;vertical-align:middle;position:relative;z-index:5;	}	
.item-type-line .item-info .line {width:0%; height:1px; margin:15px auto;background-color:#ffffff;
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;					 
	}
.item-type-line .item-hover .mask{ background-color:#3c294a;opacity:0.9 ;filter: alpha(opacity=90);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.item-type-line .item-hover:hover .line {width:60%;opacity:0.3 ;}
.item-type-line .item-hover:hover {opacity:1;}
/*hover wording*/
.hover-head-badge{width:24%;max-width:90px;padding-bottom: 24.5%;  margin: 20% auto 5%;  position:relative; overflow:hidden;}
.hover-head-badge img {width: 78%; position: absolute;top: 5%;left: 10%;}
.hover-mode-tital{font-family:"myriad-pro";font-weight:300;font-size: 1.8em !important;text-align:center;letter-spacing: -0.0028em;word-spacing: 0.015em;color: #fff;line-height: 1.4em;}
.hover-mode-discript{width:80%;margin:5% auto 0;font-family : "myriad-pro";font-weight:300;font-size: 1em !important;letter-spacing: 0.02em;word-spacing: 0.04em; line-height:1.5em}


/*Protect Your Eyes with ASUS Eye Care*/
.wrap-eyecare{width:100%; position:relative;}
.box-eyecare-icon{max-width:90px;}
.inscreen-bandf{position: absolute;width: 71.5%;top: 5.15%;left: 14.9%;}
.eyecare-photo {width: 100%;}
.box-icon-protect{width:45%;margin:0 auto;text-align:center;}
.icon-eyecare{width:20%;display:inline-block;text-align:center;}
.icon-eyecare img{width:50%;}
.icon-lessblue{width:25%;display:inline-block;text-align:center;}
.wrap-frontview {width: 100%;max-width: 1113.25px;margin: 0 auto;position:relative}
.eyecare-off,.eyecare-on{position:absolute;top:50%;font-family : "myriad-pro";font-weight:300;font-size: 1.3em !important;line-height:1.25em !important;letter-spacing: 0.02em;word-spacing: 0.04em;	color: #737373;	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;	word-wrap:break-word;	}
.eyecare-off{left:-1.5em}
.eyecare-on{right:-2em}	

/*Advanced Storage Capacity*/
.wrap-storage{width:100%; position:relative; text-align:center;}
.wrap-storage .box-word-left{width:27%; float:left; margin-left:10%;}
.box-img-storage{width:60%; float:right;  position:relative; z-index:-4;}
.box-img-storage img{width:100%; max-width:1085px;float:right;}
.wrap-storage .num-icon{ display:inline-block; margin-right:2%!important}


/*Ultra Connectivity*/
.wrap-connectivity{width:100%; position:relative; background:#fafafa; padding:5% 0 0; z-index:0; overflow:hidden;}
	/*type-c*/
	.wrap-typec{width:70%;position:relative; margin:0 auto; text-align:center}
	.box-word-typec{ width:30%; margin-top:5.5%;  float:left;}
	.box-img-typec{ width:52%; float:right; position:relative; z-index:-1;margin-left:-10%;
	  -webkit-transition: all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -moz-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -ms-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -o-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.box-img-typec img{width:100%; margin:7% 0 0;}
	.wrap-connectivity-icon{width:100%;}
	.icon-typec{ margin:0 4.8% 0 0!important ; display:inline-block; }
	.icon-port{ margin:2% 4.8% 7% 0!important ; display:inline-block; text-align:center; }
	
	/*Ultra-fast 802.11ac Wi-Fi*/
	.wrap-wifi{width:80%;position:relative; margin:0 auto; text-align:center;}
	.box-word-wifi{ width:27%;float:right; margin-top:5%;}
	.box-img-wifi{ width:70%; float:left; position:relative; 
	  -webkit-transition: all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -moz-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -ms-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -o-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	 }
	.box-img-wifi img{width:100%;/*max-width:890px;*/}
	
	.wifi-signal{display:inline-block;vertical-align: middle; margin-right:3%;}
	.wifi-signal img{width:100%; max-width:116px;}
	.icon-wifi{display:inline-block;vertical-align: middle;}


/*red bar*/

.box-wrap-bar{width:100%; height:15px; position:relative; margin-top:5px}
.box-bar-mask-red{width:0%;/*variable*/ height:100%; overflow:hidden; position:absolute;
  -webkit-transition: all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
}
.box-red-bar{width:100%; height:5px; background:#c49791; position:absolute;top:5px;left:0}
.box-dot-red{width:10px; height:10px; border-radius:100%; background:#a37872;position:absolute; left:0%;/*variable*/
-webkit-box-shadow: 0px 1px 2px 2px rgba(107,81,78,0.65);
-moz-box-shadow: 0px 1px 2px 2px rgba(107,81,78,0.65);
box-shadow: 0px 1px 2px 2px rgba(107,81,78,0.65);
-webkit-transition: all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
}
.box-dot-red-txt{width:240px;height:10px; position:absolute;top:-50%;left:95%; margin-left:10px;}

/*gray bar*/
.box-bar-mask-gray, .box-bar-mask-gray2{width:10%; /*variable*/ height:100%; overflow:hidden; position:absolute;
-webkit-transition: all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
}
.box-gray-bar,.box-gray-bar2{width:100%; height:5px; background:#9b9b9b; position:absolute;top:5px;left:0}
.box-dot-gray,.box-dot-gray2{width:10px; height:10px; border-radius:100%; background:#888787;position:absolute; left:10%; /*variable*/
-webkit-box-shadow: 0px 1px 2px 2px rgba(83,83,83,0.65);
-moz-box-shadow: 0px 1px 2px 2px rgba(83,83,83,0.65);
box-shadow: 0px 1px 2px 2px rgba(83,83,83,0.65);
-webkit-transition: all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);

}
.box-dot-gray-txt, .box-dot-gray2-txt{width:100px;height:10px; position:absolute;top:-50%;left:20%;margin-left:20px;}

/*Outstandingly comfortable Keyboard*/
.wrap-input {width: 100%;position:relative;}
.wrap-input .box-img-cent{width:100%; }
#keybord-animation{width:100%;max-width:300px;display: inline-block;}
#keybord-animation img {width: 100%; }

.icon-travel {display: inline-block;margin-left: 2% !important;}
.box-btn {width:100%;cursor: pointer}

.wrap-input .box-img-cent{width:100%; text-align:center; background:rgba(0,0,0,0); position:relative;
	  -webkit-transition: all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -moz-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -ms-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -o-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wrap-ani-backlight{width:60%; height:0; padding-bottom:41.2659486%;  margin:0 auto; position:relative;}
.trigger-backlight{width:100%;height:1px;position:absolute;top:30%; left:0; }
.box-img-backlight{width:100%; position:absolute; top:0; left:0; z-index:10;
	  -webkit-transition: all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -moz-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -ms-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -o-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.box-img-keyboard{width:100%; position:absolute;top:0;left:0; z-index:9;
	  -webkit-transition: all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -moz-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -ms-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  -o-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.box-img-backlight, .box-img-keyboard img {width:100%;}


/*ASUS SonicMaster:Designed to Sound Incredible*/
.wrap-sonicmaster{width:100%; position:relative;}
.sonic-photo {width:50%;height: auto;margin:0 auto; max-width:1800px; text-align:center;}
.sonic-photo img{width:100%;}
.photowall {width: 100%;position: relative;	top: 1em;z-index: -5;}
.random-pic {position: absolute;top: 0;	left: 0;margin-left: 1%;}
.each-pic {	width: 11.87%;	margin: 0.3% 0.15%;	display: inline-block;}
.each-pic img {	width: 100%}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width:1680px) {
/*Ultra Connectivity*/
.box-word-typec { width: 33%;}	
.box-word-wifi {margin-top: -10%;}

/*ASUS SonicMaster:Designed to Sound Incredible*/	
.each-pic { width: 11.75%;}
}
@media screen and (max-width:1560px){
/*Ultra Connectivity*/
.wrap-typec { width: 90%;}
.wrap-wifi { width: 90%;}
}

@media screen and (max-width:1500px){
/*Type C	No-Compromise Connectivity*/	
.box-img-typec {margin-left: -50%;}
.box-word-typec {width: 41%;}

}
@media screen and (max-width:1366px){
.box-scrolldown{display:none}	
}

@media screen and (max-width:1300px){
}
@media screen and (max-width:1217px){
/*Ultimate Graphics*/
.wrap-graphic .box-word-left {width: 80%; max-width: 800px;display: block;margin: 0 auto;text-align: center;}
.wrap-graphic .box-word-left .txt-left{ text-align:center;}	
.box-img-graphic{display:block;margin:0 auto}
}
@media screen and (max-width:1210px){
/*Ultra Connectivity*/
.box-word-typec {width: 47%;}
.box-img-wifi {margin-left:-10%}    
.box-word-wifi {width: 36%;}
}


@media screen and (max-width:1200px){
/*Type C	No-Compromise Connectivity*/		
.box-img-wifi{ margin-right:-10%;}	
.box-word-wifi{width:44%;}

/*Precision-EngineeredVersatility.*/	
.box-word-hinge { width: 40%;}
.box-img-hinge {margin-left: -60%;}

/*Protect Your Eyes with ASUS Eye Care*/
.eyecare-off,.eyecare-on{display:none}


}


@media screen and (max-width:1100px){
/*Advanced Storage Capacity*/
.wrap-storage .box-word-left{width:80%; margin:0 auto; float:none; text-align:center}
.wrap-storage .box-word-left .txt-left{ text-align:center!important;}
.box-img-storage{width:90%; margin-top:10%;}

}


@media screen and (max-width:980px){
/*KV*/
.wrap-key-visual .box-word-cent{display:none; }
.wrap-key-visual .box-word-cent-mobo{width:100%;display:block; text-align:center}

/*Silent Performance.*/
.box-img-performance img { margin: 27% 0 0 22%;}

/*Type C No-Compromise Connectivity*/		
.box-word-typec {   width: 80%;   margin: 5% auto; text-align: center;	}
.box-txt-typec{ text-align:center!important}
.box-img-typec {width: 80%; margin: 0 auto;} 
.box-img-typec img { width: 100%; margin: 0;}
.box-word-wifi { width: 80%; text-align: center;float:none;margin:0 auto;}
.box-img-wifi { }  
.box-txt-wifi  { text-align:center!important}

}

/*tablet*/
@media screen and (max-width:960px){
/*WRAP*/	
#box-productOverview-containter{margin-top: 5em;}
	
}
@media screen and (max-width:900px) {
/*ASUS SonicMaster:Designed to Sound Incredible*/	
.each-pic {	width: 19.22%;}
.s16 {	display: none;}
.sonic-photo {	width: 87%;	height: auto;	margin: 8em auto 0;}

}
@media screen and (max-width:800px){
/*kv*/
.box-k-visual { width: 120%; margin: -7% -10% 10%;}
}
@media screen and (max-width: 768px) {
/*ASUS SonicMaster:Designed to Sound Incredible*/	
.each-pic {margin: 0.3% 0.08%;}
}

@media screen and (max-width: 719px){
#box-productOverview-containter {margin-top:0px;}
}

@media screen and (max-width: 560px) {
/*ASUS SonicMaster:Designed to Sound Incredible*/
.each-pic {	width: 24%;	opacity: .25}
.s16 {	display: inline-block;}
.sonic-photo {width: 100%;}
}
@media screen and (max-width:500px){
/*KV*/
.box-kv-bg { padding-bottom:110.7708333%; background:url(../images/main/mobo/kv-main.jpg) ;background-size:contain; background-repeat:no-repeat;}

/*Ultra Sleek. Ultra Elegant*/
.wrap-img-elegant{background:url(../images/main/mobo/img-elegant.jpg) no-repeat ; padding-bottom:200%;background-size:contain; }

/*Incredible Performance*/
.box-performance-img{width:100%; padding-bottom:58.2033414996%; background:url(../images/main/mobo/img-performance.jpg) no-repeat center; background-size:contain; }

/*Ultimate Graphics*/
.box-img-graphic {width:100%;padding-bottom: 67.312422%;background: url(../images/main/mobo/img-graphic.jpg) no-repeat;background-size: contain;display: block; margin:0}
.wrap-graphic .box-word-left .txt-left{ text-align:center!important}

/*Every Detail Matters*/
.wrap-detail-image {width: 130%;padding-bottom: 53.583333%;margin-left: -15%;}

/*More Colors. Better Colors.*/
.box-color-img{ padding-bottom:67.86458333%; background:url(../images/main/mobo/img-color.jpg) no-repeat; background-size:contain;}

/*splendid*/
.box-splendid{width:50%; margin-top:2% }
.box-img-splendid .item{ display:none;}

/*Protect Your Eyes with ASUS Eye Care*/
.eyecare-photo{width:130%;margin-left:-15%;}


/*Ultra Connectivity*/
.wrap-typec {width:100%;}
.box-word-typec {width: 80%;margin-top: 5.5%;float: none;}
.box-img-typec {width: 70%; float: none; margin:-8% auto;} 
.box-img-typec img{width:100%; margin:0;}
.wrap-wifi {width: 100%;}
.box-img-wifi {width:90%; float: none; margin: 0 auto;} 
.box-img-wifi img{width:100%; margin:0;}
.box-word-wifi {width: 80%;float: none;margin: 0 auto;}

/*Outstandingly comfortable Keyboard*/
.wrap-ani-backlight {width: 100%; height: 0; padding-bottom: 67.265949%;}

}


@media screen and (max-width:415px){
/*Lifelike Color,from Every Angle*/
.icon-elegant { display: block; text-align: center;}	

/*Built for All-Day People*/	
.wrap-icon-hour{display:none}	

/*Type C	No-Compromise Connectivity*/	
.icon-port{ display:block; margin:2% auto!important}

/*ASUS SonicMaster:Designed to Sound Incredible*/
.each-pic {width: 12.97%;}

}

@media screen and (max-width: 390px) {
/*ASUS SonicMaster:Designed to Sound Incredible*/
.each-pic {width: 18.8%;opacity: 0.5;}
.s16 {display: none;}
.sonic-photo {width: 87%;margin: 2em auto;}
}