@media(min-width:768px) and (max-width:1000px)
{
.screenslidebox .devicetemplate ul li { margin:0px 10px;}
}


@media(min-width:0px) and (max-width:767px)
{
.register_main .sign{ display:none;}
.screenback .tabing{ display:none;}
.screenback .tabing ul li { display: block;}
.screenslidebox .text { margin: 0 0 0px; padding:10px 0px;}
.screenslidebox .text p { line-height: 25pt;}
.screenslidebox .selectplatform ul li { box-sizing: border-box;  margin: 5px; padding: 20px; width: 39%;}
.screenslidebox .selectplatform ul li .img { min-height:inherit;}
.screenslidebox .selectplatform ul li .img img { width:100%;}
.screenslidebox .selecttemplate { margin: 0px 0 0; width: auto;}
.screenslidebox .devicetemplate { margin: 0px 0 0;}
.screenback .edit-tab a { padding: 8px 12px;}
.screenback .font-box ul li { display: block; margin: 10px; text-align: center; width: auto;}
.screenback .font-box ul li label { text-align: center;}
.screenback .background-color { margin: 30px auto; width: auto;}
.screenback .uploadfile .dragbox { display: none;}
.screenback .bar { width: 90%;}
.export h3 { font-size:35px;}
#colorSelector { margin: 0 auto!important;}
#colorSelectorText { margin: 0 auto!important;}
#colorSelectorBack { margin: 0 auto!important;}

}