#mbox .pBoxCont{padding:10px 20px 10px 15px;}
.menu-three-level.active a{color:red;}

/* IE 8 is not support @media */
.container{width:940px}
.leftBar{display:block;}
table{width:100%;}
#mbox .popUpBox2 input.moveCopyContact{width: 20px; height: 15px; margin: 1px 10px 1px 100px;}
#mbox .popUpBox2 input.mac_filter{width:45px;}
#mbox .popUpBox2 input.mac_filter:first-child{margin-left:40px;}
#mbox .connectedTrafficSetting label{min-width:116px;}
#mbox .ipfilter_mobile label{min-width:120px;}
#mbox .popUpBox2 .wps_content_div{padding:5px 15px;}
#mbox .popUpBox2 .wps_content_div .content_mind{display:inline-block;width:190px;}

@media screen and (min-width:700px) and (max-width:900px){
	.loginBody .loginbox{width: 600px;}
    .header, .mainColumn{width:98%;}
	.header, .mainColumn{border:none;}
	.content{width:96%;padding:2%;}
	#mbox .popUpBox2 input.moveCopyContact{width: 20px; height: 15px; margin: 1px 10px 1px 100px;}
	#mbox .popUpBox2 input.mac_filter{width:45px;}
	#mbox .popUpBox2 input.mac_filter:first-child{margin-left:40px;}
	.sms_btn_count{display:block;}
	.homeBox{width:80%;margin:0 auto;float:none;}
	.content a.help::before{right:15px;}
}

@media screen and (max-width: 768px){
	.box1{width: 90%;}
	.login_text{width:80%;}
	.mobile_menu{display: block; height:40px;width:40px;background: url(../images/menu.png) no-repeat center;position: absolute;top:63px;z-index:100;}
	.mobile_menu_sec{background-image: url(../images/sub_menu.png);left:42px;}

	.navigation{display:none; margin-top: 24px; border: 0; width: 60%; position:fixed; z-index: 100;}
	.navigation ul li{float:none;}
	.menu{background: #fff;}
	.navigation ul li a{text-align: left;padding-left:15px;}
	.menu a{text-align: left;background-color:#FFFFFF}
	.menu li:nth-child(1) a,.menu li:last-child a{border-radius: 0;}
	.menu a{border-right: 0;}

	.leftBar{width:100%;}
	.leftMenu{padding-left:0;}
	.leftMenu{width:100%;margin-top:4px;z-index: 100;background: #fff;display: none;}
	.content{width:100%;box-sizing: border-box;padding:10px;z-index: 10;margin-top:0;}

	.loginArea>span{width:100%}
	.loginArea .logo img{width: 100px;}
	.homeBox.last_homeBox{width:100%;}

	.buttonRow1{padding:7px 0;}
	/* wifi */
	.wifi_right{margin-left:0;}
	.wps_title{width:100%;margin-bottom:8px;}
	.wps_group ul li{margin-left:0}
   .divbox{width:95%}
   .divbox img{width:100%;}
   /* device management */
   .remoteIP{margin-left:0}
   .phone_device{display:block}
   .pc_device{display:none}
   #refreshBtnBox #lt_manually_refresh {clear:right}
   .homeBox{width:100%;margin:0 auto;float:none;}
   .qrcodeDiv{ top:0; right:15px; height:255px; width: 100px;}
   .qrcodeDiv.merge{right: 15px; top:36px; height: 120px;}
   .qrcodeDiv .qrcode{top:0;}
   .qrcodeDiv .qrcode5G{bottom: 0;}
}

@media screen and (min-width:325px) and (max-width:380px){
	body{font-size: 13px;}
	.loginBody .loginbox{width:98%;}
	#mbox #mbd{width:100%;}
	#mbox .pBoxCont{padding: 8px;}
	#mbd h2,#mbd b,#mbd p{width:100%;}
	.popUpBox{width:100%;}
	#mbox .pBoxCont label{width: 30%;margin-left:0;}
	
	#mbox .pdpSetting label{width: 40%;margin-left:8px;}
	#mbox .ipfilter_mobile label{width: 40%;margin-left:0;}
	
	#lt_dhcp_macAddr{width:33%;}
	#mbox .popUpBox2 input[type='text']{width: 50%;padding: 2px 5px;}
	#mbox .popUpBox2 input[type='password']{width: 50%;padding: 2px 5px;}
	
	#mbox .popUpBox2 input.sml{width:20px;padding: 2px;}
	#mbox .popUpBox2 select{width: 54%;}
	
	#divAdminApp{width:100%;margin:0 auto;}
	.header, .mainColumn{width:100%;}
	.header, .mainColumn{border:none;}
	.content{width:99%;padding:2%;}
	.header{background:none;}
	#mbox .popUpBox2 input.moveCopyContact{width: 20px; height: 15px; margin: 1px 10px;}
	.sms_btn_count{margin-right:0;}
	#mbox .popUpBox2 input.mac_filter{width:25px;}
	.txtEditBox{width:200px;}
	.sms_btn_count{margin-right:0;}
	.tableOperateBtn{width: 60px;font-size: 12px;padding: 2px 5px;}
	.sms_btn_count{display:block;}
	.homeBox{width:100%;margin:0 auto;float:none;}
	#DeleteSMSdiv.btn-apply{padding:5px;}
}

@media screen and (min-width:380px) and (max-width:425px){
	body{font-size: 13px;}
	.loginBody .loginbox{width:98%;}
	.loginbox label.copy{width:100%;}
	.loginbox	span{width:100%;padding:0;}

	#mbox #mbd{width:100%;}
	#mbox .pBoxCont{padding: 8px;}
	#mbd h2,#mbd b,#mbd p{width:100%;}
	
	.popUpBox{width:100%;}
	#mbox .pBoxCont label{width: 30%;margin-left:0;}
	#lt_dhcp_macAddr{width:33%;}
	#mbox .popUpBox2 input[type='text']{width: 50%;padding: 2px 5px;}
	#mbox .popUpBox2 input[type='password']{width: 50%;padding: 2px 5px;}
	#mbox .popUpBox2 input.sml{width:20px;padding: 2px 4px;}
	#mbox .popUpBox2 select{width: 54%;}
	
	#divAdminApp{width:100%;margin:0 auto;}
	.header, .mainColumn{width:100%;}
	.header, .mainColumn{border:none;}
	.content{width:96%;padding:2%;}
	
	.header{background:none;}
	#mbox .popUpBox2 input.moveCopyContact{width: 20px; height: 15px; margin: 1px 10px;}
	#mbox .popUpBox2 input.mac_filter{width:30px;}
	#mbox .popUpBox2 input.mac_filter:first-child{margin-left:30px;}
	.txtEditBox{width:200px;}
	.sms_btn_count{margin-right:0;}
	.tableOperateBtn{width: 60px;font-size: 12px;padding: 2px 5px;}
	.sms_btn_count{display:block;}
	.homeBox{width:100%;margin:0 auto;float:none;}
	#DeleteSMSdiv.btn-apply{padding:5px;}
}

@media screen and (min-width:425px) and (max-width:550px){
	body{font-size: 13px;}
	.loginBody .loginbox{width:98%;}
	.loginbox label.copy{width:100%;}
	.loginbox	span{width:100%;padding:0;}
	
	#mbox #mbd{width:100%;}
	#mbox .pBoxCont{padding: 8px;}
	#mbd h2,#mbd b,#mbd p{width:100%;}

	.popUpBox{width:100%;}
	#lt_dhcp_macAddr{width:33%;}
	#mbox .pBoxCont label{width:110px;}
	#mbox .popUpBox2 input.sml{width:25px;}
	#divAdminApp{width:100%;margin: 0 auto;}
	.header, .mainColumn{width:98%;}
	.header, .mainColumn{border:none;}
	.content{width:96%;padding:2%;}
	#mbox .popUpBox2 input.moveCopyContact{width: 20px; height: 15px; margin: 1px 10px;}
	#mbox .popUpBox2 input.mac_filter{width:40px;}
	#mbox .popUpBox2 input.mac_filter:first-child{margin-left:40px;}
	.sms_btn_count{margin-right:0;}
	.sms_btn_count{display:block;}

	.homeBox{width:100%;margin:0 auto;float:none;}
	#DeleteSMSdiv.btn-apply{padding:15px;}
	.content a.help::before{right:10px;}
}

@media screen and (min-width:550px) and (max-width:700px){
	.loginBody .loginbox{width:80%;}
	#mbox #mbd{width:100%;}
	#mbox .pBoxCont{padding: 8px;}
	#mbd h2,#mbd b,#mbd p{width:100%;}
	.header, .mainColumn{width:98%;}
	.header, .mainColumn{border:none;}
	.content{width:96%;padding:2%;}
	#mbox .popUpBox2 input.moveCopyContact{width: 20px; height: 15px; margin: 1px 10px;}
	#mbox .popUpBox2 input.mac_filter{width:45px;}
	#mbox .popUpBox2 input.mac_filter:first-child{margin-left:40px;}
	.sms_btn_count{display:block;}
	.homeBox{width:100%;margin:0 auto;float:none;}
	.content a.help::before{right:10px;}
}
@media screen and (min-width:900px){
	.container{width:940px}
	#mbox.quickSetupPopup{width:600px;top: 50%;left: 50%;margin-left:-300px;}
	.leftBar{display:block;}
	.content {width: 692px;padding-left: 30px;padding-right: 10px;}
	#mbox .popUpBox2 input.moveCopyContact{width: 20px; height: 15px; margin: 1px 10px 1px 100px;}
	#mbox .popUpBox2 input.mac_filter{width:35px;}
	#mbox .popUpBox2 input.mac_filter:first-child{margin-left:0px;}
	#mbox .pBoxCont.staticIPDiv label{width:90px;margin-left:5px;}
}