+
+@media screen and ( max-width: 640px ) {
+ body.adding-widget div#available-widgets {
+ top: 46px;
+ left: 0;
+ z-index: 10;
+ width: 100%;
+ }
+
+ #available-widgets .customize-section-title {
+ display: block;
+ margin: 0;
+ }
+
+ #available-widgets .customize-section-back {
+ height: 69px;
+ }
+
+ #available-widgets .customize-section-title h3 {
+ font-size: 20px;
+ font-weight: 200;
+ padding: 9px 10px 12px 14px;
+ margin: 0;
+ line-height: 24px;
+ color: #555;
+ display: block;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ #available-widgets .customize-section-title .customize-action {
+ font-size: 13px;
+ display: block;
+ font-weight: 400;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ #available-widgets-filter {
+ position: relative;
+ width: 100%;
+ background: #fff;
+ height: auto;
+ padding: 10px 15px;
+ }
+
+ #available-widgets-list {
+ top: 140px;
+ }
+}