1/* desbest edit */
2
3
4@media screen and (max-width: 480px){
5  fieldset,
6  #mediamanager__page,
7  #mediamanager__page .filelist{
8    max-width: 100%; min-width: unset;
9  }
10  #mediamanager__page .file,
11  #mediamanager__page .namespaces,
12  #mediamanager__page .panel {
13    width: 100%; clear: both; float: none;
14  }
15  li, dd { margin: 1.15em 0px !important; }
16  #config__manager tr { }
17  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 75%;  }
18  #config__manager fieldset {  margin: 1em 0px;  }
19  #config__manager fieldset td.value { width: unset; }
20
21  #config__manager td .input,
22  #config__manager fieldset td.value,
23  #config__manager td input.edit {
24    max-width: 75%;
25  }
26
27  /* klean specific */
28  /* */
29
30}
31
32
33
34.mobile { display: none; }
35
36@media screen and (max-width: 768px) {
37	.page #page, .single #page{
38		float: none;
39		width: 95%;
40	}
41	.desktop { display: none; }
42	.mobile { display: block; }
43	.page #page, .single #page { margin-top: 1.35em; }
44}
45
46/* ------ end desbest edit ------ */
47
48@media screen and (max-width: 600px) {
49	.menu-toggle,
50	.main-navigation.toggled .nav-menu {
51		display: block;
52	}
53
54	.main-navigation ul {
55		display: none;
56	}
57}
58
59
60@media screen and (max-width:768px) {
61	body:not(.blog) .site-header {
62		position: relative!important;
63		overflow: visible
64	}
65
66	body:not(.blog) .site-header .site-branding {
67		margin-top: 40px;
68		position: relative!important;
69		width: 70%
70	}
71
72	body:not(.blog) .site-header .site-branding h2.site-description {
73		margin: 0px
74	}
75}
76
77
78
79
80@media screen and (max-width:768px) {
81	#site-navigation {
82		display: none
83	}
84
85	.slicknav-menu {
86		display: block
87	}
88}
89
90@media screen and (min-width:768px) {
91	#site-navigation {
92		display: block
93	}
94
95	.slicknav_menu {
96		display: none
97	}
98}
99
100
101
102@media screen and (max-width:768px) {
103	#social-icons {
104		position: relative;
105		width: 100%;
106		margin: 30px auto
107	}
108
109	#page {
110		width: 100%
111	}
112}
113
114
115@media screen and (max-width:992px) {
116	.left-sidebar {
117		right: 0%!important
118	}
119
120	#primary-home {
121		left: 0%!important
122	}
123}
124
125
126@media screen and (max-width:768px) {
127	.klean .featured-wrapper {
128		margin-bottom: 30px
129	}
130
131	.klean .featured-wrapper .entry-header {
132		position: relative!important;
133		width: auto!important;
134		top: 0%!important;
135		opacity: 1!important;
136		margin: 10px auto
137	}
138
139	.klean .featured-wrapper .entry-header h1.entry-title {
140		text-align: center!important
141	}
142
143	.klean .featured-wrapper .entry-header h1.entry-title a {
144		color: black!important;
145		opacity: 1;
146		-webkit-transition: none;
147		-o-transition: none;
148		transition: none
149	}
150
151	.klean .featured-wrapper .featured-image {
152		width: 80%
153	}
154
155	.klean .featured-wrapper .featured-bar {
156		display: none
157	}
158}
159
160
161@media screen and (max-width:768px) {
162	.grid {
163		border-bottom: none
164	}
165}
166
167
168@media screen and (max-width:768px) {
169	.grid .featured-thumb img {
170		width: 100%
171	}
172}
173
174
175@media screen and (max-width:768px) {
176	.grid .out-thumb {
177		padding: 10px 3px
178	}
179}
180
181
182@media screen and (max-width:768px) {
183	.grid_2_column {
184		padding-right: 0px
185	}
186}
187
188@media screen and (min-width:768px) {
189	.grid_2_column:nth-of-type(2n) {
190		padding-left: 10px
191	}
192
193	.grid_2_column:nth-of-type(odd) {
194		padding-right: 10px;
195		clear: left
196	}
197}