1@media (max-width: 767px) {
2	.goal-summary {
3		text-align: center;
4		padding: 0px 40px;
5	}
6}
7@media (max-width: 480px) {
8	.goal-summary {
9		padding: 0px;
10	}
11}
12
13@media (max-width: 767px) {
14	.signup-input {
15		width: 75%;
16		max-width: 100%%;
17	}
18}
19@media (max-width: 480px) {
20	.signup-input {
21		width: 100%;
22		max-width: 100%%;
23	}
24	.sign-up-form .btn.btn-signup {
25		margin:10px 0px;
26		width:100%;
27		display:block;
28	}
29}
30
31/* media manager and config manager for mobile */
32@media screen and (max-width: 480px){
33  fieldset,
34  #mediamanager__page,
35  #mediamanager__page .filelist{
36    max-width: 100%; min-width: unset;
37  }
38  #mediamanager__page .file,
39  #mediamanager__page .namespaces,
40  #mediamanager__page .panel {
41    width: 100%; clear: both; float: none;
42  }
43  /*.page li, .page dd { margin: 1.35em 0px !important; }*/
44  #config__manager tr { }
45  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 75%;  }
46
47  #config__manager fieldset { width: 100%; box-sizing: border-box; margin: 0px ;}
48
49     /* make <select> not exceed it's parent div's width */
50    /* https://stackoverflow.com/q/44810056/337306 */
51    div.input { display: flex; } select { width: 100%; flex-shrink: 1; }
52
53  #config__manager fieldset td.value { width: unset; }
54
55  #config__manager td .input,
56  #config__manager fieldset td.value,
57  input, textarea,
58  #config__manager td input.edit,
59  #config__manager td textarea.edit {
60    max-width: 100%;
61    width: unset;
62  }
63}