.views-field.views-field-created { margin-bottom: 14px; } div#search_block_form { position: absolute; right: 0; top: 3px; z-index: 100; } .search-block-form .form-actions{ margin: 0; color: #fff; } #search_block_form .form-actions .form-submit{ padding: 0; height: 36px; } #header-top #search_block_form .form-actions:after { width: 36px; height: 36px; line-height: 36px; text-align: center; top: 0px; right: 0; color:#6B0A0B; font-size: 1.2rem; } #search_block_form input.form-text { line-height: 36px; height: 36px; width: 36px; padding: 7px 18px; border-radius: 18px; transition: all ease 0.3s; background: transparent; border:0; } .search-list-1 .search-list-content { padding: 7px 0 14px; border-bottom: 1px dashed #e2e2e2; background: #FFF; padding: 40px 40px; } @media screen and (min-width: 768px) { #search_block_form:hover input.form-text { background: #f2f2f2; width: 200px; border-color: #ddd; } #search_block_form:hover .form-actions, #search_block_form:hover .form-actions { color: #AD093A; } } @media screen and (min-width: 1360px) { #search_block_form:hover input.form-text { background: #fff; } } @media screen and (max-width: 767px) { #header-top #search_block_form .form-actions:after { width: 32px; height: 32px; line-height: 32px; left: 2px; } #search_block_form input.form-text { width: 32px; height: 32px; line-height: 32px; border-radius: 16px; padding: 5px 16px; } } @media screen and (max-width: 480px) { #header-top #search_block_form .form-actions:after { width: 28px; height: 28px; line-height: 30px; left: 6px; font-size: 16px; } #search_block_form input.form-text { width: 28px; height: 28px; line-height: 28px; border-radius: 16px; display: block; padding: 0; } }