@font-face {
    font-weight: 300;
    src: url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot');
    src: url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.woff') format('woff'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.ttf') format('truetype'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.overview-content .mr3020 { width:100%; background:#F2F2F3; color:#2F2725; font-size:18px; font-weight: 300; line-height:150%;}
.overview-content .mr3020 .w1250 { display:block; position:relative; margin:0 auto; width:1250px;}
.overview-content .mr3020 .clearFix { *zoom:1;}
.overview-content .mr3020 .clearFix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.overview-content .mr3020 h2 { font-size:36px; color:#3E3A39;}
.overview-content .mr3020 .a { height:768px; background:url(a.jpg) 50% 0 no-repeat;}
.overview-content .mr3020 .b { height:282px; background:url(b.jpg) 50% 0 no-repeat;}
.overview-content .mr3020 .b p { padding:100px 210px 0 149px; font-size:23px; color:#4C4948;}
.overview-content .mr3020 .c .w1250 { height:710px; background:url(c.jpg) 110% 0 no-repeat;}
.overview-content .mr3020 .c .design { padding:33px 0 0 218px;}
.overview-content .mr3020 .c p { padding:33px 0 0 150px; width:520px;}
.overview-content .mr3020 .c .route { position:absolute; left:218px; bottom:53px;}
.overview-content .mr3020 .d .w1250 { height:641px; background:url(d.jpg) 1720% 0 no-repeat;}
.overview-content .mr3020 .d p { margin:-20px 0 0 150px; width:700px;}
.overview-content .mr3020 .d ul { margin:52px 0 0 150px; font-size:27px;}
.overview-content .mr3020 .d .li1 { margin-left:100px; color:#0068B6;}
.overview-content .mr3020 .d .li2 { margin:55px 0 0 -550px; color:#A40081; text-align:center;}
.overview-content .mr3020 .d .li3 { margin:35px 0 0 68px; color:#5BB431;}
.overview-content .mr3020 .d h2 { position:absolute; left:229px; bottom:20px;}
.overview-content .mr3020 .e .w1250 { height:480px; background:url(e.jpg) 1720% 0 no-repeat;}
.overview-content .mr3020 .e .desc { padding:20px 0 0 160px;}
.overview-content .mr3020 .e .ada { position:absolute; left:315px; top:140px; font-size:24px; color:#0068B6;}
.overview-content .mr3020 .e .lap { position:absolute; left:895px; top:140px; font-size:24px; color:#5BB431;}
.overview-content .mr3020 .f { display:none;}
.overview-content .mr3020 p.mobile-layout{display:none;}
@media screen and (max-width:736px){
	body{
		margin:0;
	}
	.overview-content .mr3020 .b p.mobile-layout{display:block;}
	.overview-content .mr3020{
		background-color:#fff;
		font-weight: 300;
	}
	.overview-content .mr3020 .w960{
		width:auto;
	}
	.overview-content .mr3020 .w1250{
		width:auto;
	}
	.overview-content .mr3020 .a{
		background:url('mobile/a.jpg') no-repeat;
		background-size:100%;
		height:0;
		padding-bottom:101%;
		width:100%;
	}
	.overview-content .mr3020 .b{
		background:none;	
		height:auto;
	}
	.overview-content .mr3020 .b p{
		height:auto;
		margin:0;
		padding:30px 6% 20px;
		font-size:18px;
	}
	.overview-content .mr3020 .b .w1250{
		width:100%;
		display:none;
	}
	/*.overview-content .mr3020 .b:before{
		content:"With a travel-sized design, a mini USB port, Wireless N speeds up to 150Mbps and a high compatibility with 3G modems, TP-LINK’s new Portable 3G/3.75G Wireless N Router, TL-MR3020 is the ideal device to provide wireless cloud for iPads™, iTouches™, Android™ Phones, Kindles™ and the vast majority of other portable Wi-Fi enabled devices.";
		color:#000;
		display:block;
		font-size:1.125rem;
		
		height:auto;
		line-height:145%;
		padding:30px 6%;
		width:auto;
	}*/
	.overview-content .mr3020 .c .w1250 {
		background:none;
		height:auto;
		width:100%;
	}
	.overview-content .mr3020 .c .design{
		background:url('mobile/c1.jpg');
		background-size:100% 100%;
		font-size:1.875rem;
		margin:0;
		padding:30px 6% 0 6%;
	}	
	.overview-content .mr3020 .c .design:after{
		content:"With the travel-sized and compact design, TL-MR3020 is small enough to take on the road and make sure that you can share a 3G internet connection wherever wireless 3G coverage is available.";
		color:#000;
		display:block;
		font-size:1.125rem;
		font-weight:normal;
		height:auto;
		line-height:145%;
		padding: 30px 0 20px 0;
		width:auto;
	}
	.overview-content .mr3020 .c p{
		display:none;
		margin:0;
		padding:0;
	}
	.overview-content .mr3020 .c .route{
		background:url('mobile/c2.jpg');
		background-size:100%;
		color:transparent;
		content:"";
		display:block;
		height:0;
		margin:0;
		padding:0;
		padding-bottom:115.3%;
		position:static;
		width:100%;
	}
	.overview-content .mr3020 .d .w1250{
		height:auto;
		width:100%;
	}
	.overview-content .mr3020 .d p:before{
		content:"Travel Router with 3G Function";
		display:block;
		font-size:1.875rem;
		font-weight:bold;
		line-height:120%;
		padding:10px 0 20px 0;
	}
	.overview-content .mr3020 .d p{
		font-size:1.125rem;
		line-height:145%;
		margin:0;
		padding:0 6% 20px 6%;
		width:auto;
	}
	.overview-content .mr3020 .d .w1250 ul{
		margin:0;
		padding:0;
	}
	.overview-content .mr3020 .d .w1250 li{
		background:url('mobile/d1.jpg') center no-repeat;
		background-size:60% 100%;
		color:#000;
		display:block;
		font-size:0.75rem;
		line-height:145%;
		margin:0.6rem 0;
		padding:0 6%;
		text-align:center;
	}
	.overview-content .mr3020 .d .w1250 .li2 br{
		display:none;
	}
	.overview-content .mr3020 .d .w1250 h2:before{
		background:url('mobile/d2.jpg');
		background-size:100% 100%;
		content:"";
		display:block;
		height:0;
		margin-bottom:4rem;
		padding-bottom:41.5%;
	}
	.overview-content .mr3020 .d .w1250 h2{
		font-size:1.875rem;
		line-height:120%;
		margin:0;
		padding:30px 6% 0 6%;
		position:static;
	}
	.overview-content .mr3020 .e .w1250{
		height:auto;
		width:100%;
		overflow:hidden
	}
	.overview-content .mr3020 .e .w1250 .desc{
		font-size:1.125rem;
		line-height:145%;
		margin:0;
		padding:20px 6%;
	}
	.overview-content .mr3020 .e .w1250 .ada{
		background:url('mobile/e1.jpg');
		background-size:100% 100%;
		color:transparent;
		height:0;
		left:0;
		margin:0;
		margin-left:6%;
		padding-bottom:31.25%;
		position:relative;
		top:0;
		width:37.5%;
	}
	.overview-content .mr3020 .e .w1250 .ada:after{
		background:url('mobile/d1.jpg');
		background-size:150% 100%;
		background-position:center;
		content:"Powered by \APower Adapter";
		color:#000;
		display:block;
		font-size:0.8rem;
		line-height:120%;
		position:absolute;
		right:-20%;
		text-align:center;
		top:15%;
		white-space: pre;
	}
	.overview-content .mr3020 .e .w1250 .lap{
		background:url('mobile/e2.jpg');
		background-size:100% 100%;
		color:transparent;
		float:right;
		height:0;
		left:0;
		margin:0;
		margin-right:6%;
		padding-bottom:28.4375%;
		position:relative;
		top:0;
		width:56.5625%;
	}
	.overview-content .mr3020 .e .w1250 .lap:after{
		background:url('mobile/d1.jpg');
		background-size:150% 100%;
		background-position:center;
		content:"Powered by \ALaptop";
		color:#000;
		display:block;
		font-size:0.8rem;
		line-height:120%;
		position:absolute;
		right:10%;
		text-align:center;
		top:15%;
		white-space: pre;
	}
	.overview-content .mr3020 .f{
		clear:both;
		display:block;
	}
	.overview-content .mr3020 .f h2{
		font-size:1.875rem;
		line-height:120%;
		margin:0;
		padding:3rem 6% 0 6%;
	}
	.overview-content .mr3020 .f p{
		font-size:1.125rem;
		line-height:145%;
		margin:0;
		padding:1rem 6% 1rem 6%;
	}
	.overview-content .mr3020 .f ul{
		margin:0 6% 5rem 4%;
		padding:0 0 0 6%;	
	}
	.overview-content .mr3020 .f li{
		font-size:1rem;
		line-height:145%;
		list-style: disc;
		margin:0;
		padding:0;
	}
}