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: 50%; } 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 /* parallax specific */ 28 /* */ 29 30} 31 32 33 34@media screen and (max-width: 767px) { 35 36 body { 37 padding-right: 0; 38 padding-left: 0; 39 } 40 41 /*desbest edit */ 42 .site-footer { 43 padding: 0px 2em; 44 box-sizing: border-box; 45 } 46 47 #single_page { 48 margin-top: 12px !important; 49 } 50} 51 52@media screen and (max-width: 767px) { 53 #header_section .container-fluid { 54 padding-right: 20px; 55 padding-left: 20px; 56 } 57} 58 59 60@media (max-width: 979px) { 61 62 #qsearch__in { max-width: 107%; } 63 64 #logo_container { 65 margin: 0; 66 width: 50%; 67 } 68 69 #social_container { 70 margin: 0; 71 width: 50%; 72 } 73 74 #navigation { 75 margin: 0; 76 width: 100%; 77 } 78 79 .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { 80 font-weight: normal; 81 } 82 83 .nav-collapse .nav > li > a:hover { 84 border-bottom: 4px solid transparent; 85 background: transparent; 86 } 87 .nav-collapse .dropdown-menu a:hover { 88 background: transparent; 89 } 90 91 .nav-collapse .nav > li > a { 92 color: #ffffff; 93 } 94 95 .navbar .nav-collapse .nav > li > a:hover, 96 .navbar-inverse .nav-collapse .dropdown-menu a:hover { 97 color: #ac1516; 98 } 99 100 .navbar .nav-collapse .nav > li.current-menu-item > a, 101 .navbar .nav-collapse .nav > li.current-menu-ancestor > a { 102 color: #ac1516; 103 } 104 105 .nav-collapse .dropdown .caret { 106 display: none; 107 } 108 109 .nav-collapse .dropdown-menu { 110 display: block; 111 } 112 113 .navbar .nav-collapse .dropdown-menu .active > a { 114 background-color: #000000; 115 background-image: none; 116 color: #ffffff; 117 } 118 119 /* Mobile menu scrolling fix */ 120 #navigation_menu{ 121 position: relative; 122 } 123 #cc_spacer{ 124 display: none; 125 } 126} 127 128@media screen and (max-width: 768px) { 129 #logo_container, 130 #logo_container #logo { 131 margin: 0; 132 width: 100%; 133 text-align: center; 134 } 135 136 #social_container, 137 #social_container #social { 138 margin: 0; 139 width: 100%; 140 text-align: center; 141 } 142 143 #social_container #social a.symbol { 144 float: none; 145 } 146 147 #social_container #social a.symbol:last-child { 148 margin-right: 0; 149 } 150 151 #navigation { 152 margin: 0; 153 width: 100%; 154 } 155} 156 157@media screen and (max-width: 782px) { 158 .admin-bar #navigation_menu { 159 top: 0; 160 } 161} 162 163 164 165/*****************************/ 166/* MEDIA QUERIES *************/ 167/*****************************/ 168 169/* PHONES ===================*/ 170 171@media (max-width: 480px) { 172 header#cc-header .span7 { 173 text-align: center; 174 } 175 176 header#cc-header .span5 { 177 text-align: center; 178 } 179 180 header#cc-header .span5 div.icons a { 181 float: none; 182 } 183 184 header#cc-header .span5 div.blog-description { 185 float: none; 186 } 187 188 header#cc-header .span5 div.register { 189 float: none; 190 } 191 192 header#cc-header .span5 #searchform { 193 float: none; 194 } 195} 196 197@media all and (max-width: 767px) { 198 .contact_left_sec 199 { 200 text-align: center; 201 } 202 .contactus_wrapper.span12 203 { 204 padding: 20px 30px; 205 } 206 .contact_addr { 207 padding-bottom: 10px; 208 } 209 .parallax_testimonial_text{ 210 padding: 0 20px; 211 } 212} 213 214 215@media screen and (min-width: 783px) { 216 .admin-bar .sticky-header { 217 top: 32px; 218 } 219} 220@media screen and (max-width: 600px) { 221 .admin-bar .sticky-header { 222 top: 0; 223 } 224} 225 226 227@media (min-width:320px) and (max-width:480px) 228{ 229 .market { float:left; } 230} 231 232/*desbest edit*/ 233/* 234@media screen and ( max-width: 782px ) { 235 html { margin-top: 46px !important; } 236 * html body { margin-top: 46px !important; } 237}*/