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}