#corner-slider { 
    position:fixed; z-index:10000;
	height:auto; width:170px; padding:8px; padding-bottom:0; padding-right:0; box-sizing:border-box; background:rgba(0,0,0,0.5);  margin-right:0px; margin-bottom:0px; opacity:1; color:#000; font-size:16px; font-weight:700;}

#corner-slider:hover { opacity:1;}
#corner-slider.hidden{ display:none;}
#corner-slider .close{ position:absolute; cursor:pointer; font-size:16px; display:block; text-indent:-9999em; z-index:10002; width:25px; height:25px; right:0px; top:-20px; background:rgba(0,0,0,0.5) url(../../images/close_icon.png) no-repeat center center; opacity:0.5; }
#corner-slider .close:hover {background:rgba(0,0,0,0.5) url(../../images/close_icon.png) no-repeat center center; opacity:1}
.vr-popup-content { box-sizing:border-box; padding:10px; position:relative;
	background-color: #d2d2d2;
	background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
	background-image: -moz-linear-gradient(bottom, #ccc, #fff);
	background-image: -o-linear-gradient(bottom, #ccc, #fff);
	background-image: -ms-linear-gradient(bottom, #ccc, #fff);
	background-image: linear-gradient(to top, #ccc, #fff);
}
.vr-popup-pic { background: url(../../images/vr-device-pic.png) no-repeat center center; width:123px; height:112px; margin:0 auto; margin-bottom:0px;}
.vr-popup-content-2 {}
.vr-popup-content p { font-size:15px; line-height:17px; text-align:center; color:#000; margin-bottom:10px;}
.vr-popup-content p a { color:#a929dc;}
.vr-popup-content p.vr-popup-title { font-size:20px; line-height:20px; margin-bottom:0px; text-align:center;}
a.vr-popup-btn { display:block; width:140px; height:50px; text-align:center; line-height:50px; color:#fff; text-transform:uppercase; text-decoration:none; font-size:18px; margin:0 auto; margin-bottom:0px; background:#73b229;}
a:hover.vr-popup-btn { background:#a957c9;}
.vr-popup-icons { background:#323232; height:auto; text-align:center; padding:5px 0;}
.vr-popup-icons span { height:26px; display:inline-block; margin:0; width:100%;}
.vr-popup-icons span.vr-popup-icons-1 { background:url(../../images/tabs_icons.png) no-repeat center -10px;}
.vr-popup-icons span.vr-popup-icons-2 { background:url(../../images/tabs_icons.png) no-repeat center -53px;}
.vr-popup-icons span.vr-popup-icons-3 { background:url(../../images/tabs_icons.png) no-repeat center -97px;}

@media all and (max-width: 479px) {
#corner-slider {width:100%; box-sizing:border-box; border:none;}
#corner-slider .close{ right:0px; top:8px;}
a.vr-popup-btn { width:90%; padding:10px; box-sizing:border-box; line-height:20px; font-size:20px; height:auto;}
.vr-popup-content p { font-size:14px; line-height:18px;}
.vr-popup-content p.vr-popup-title { font-size:22px; line-height:22px; margin-bottom:5px;}	
.vr-popup-content-2 {padding-right:30%;}
.vr-popup-pic { background: url(../../images/vr-device-pic.png) no-repeat center center; background-size:100% auto; position:absolute; right:0.5%; top:0; width:29%; height:100%; margin-top:0;}
.vr-popup-icons { background:#323232; height:32px; text-align:center;}
.vr-popup-icons span { height:26px; display:inline-block; margin:3px 4px; width:30%;}
}

@media all and (min-width: 480px) and (max-width: 1023px) {
#corner-slider { height:auto; width:370px; padding:8px 0 0 8px;}
.vr-popup-content { padding:10px;}
#corner-slider .close{ right:0px; top:8px;}
.vr-popup-pic {position:absolute; right:10px; top:50%; margin-top:-56px;}
.vr-popup-content-2 {padding-right:120px;}
.vr-popup-content p.vr-popup-title { font-size:24px; line-height:25px; margin-bottom:5px; text-align:left;}
a.vr-popup-btn { width:180px; height:40px; line-height:40px; font-size:18px; margin-bottom:0px;}
.vr-popup-icons { background:#323232; height:32px; text-align:center;}
.vr-popup-icons span { height:26px; display:inline-block; margin:3px 4px; width:30%;}
}