Gadgets coming soon in 2022—from AI to VR, these futuristic tech gadgets deserve a space in your life

.gfl-widget-gdpr-wrap { position: fixed; background-color: #fff; color: #444; text-align: left; bottom: 20px; right: 20px; width: 250px; border: 1px solid rgba(62, 67, 98, 0.11); box-shadow: 4px -2px 15px -4px rgba(0, 0, 0, 0.2); z-index: 9999999999; padding: 30px 45px; border-radius: 12px; display: none; } .gfl-widget-gdpr-wrap h4 { font-weight: 700; font-size: 20px; color: #5a5c6b; } .gfl-widget-gdpr-wrap p { color: #5D5E69; font-size: 15px; line-height: 1.4; margin: 12px 0; } .gfl-widget-gdpr-wrap a { text-decoration: none; font-weight: 700; color: inherit; } .gfl-gdpr-buttons { white-space: nowrap; } .gfl-gdpr-button { display: inline-block; padding: 8px 20px; cursor: pointer; background-color: #1a73e8; color: #fff; border-radius: 4px; margin: 0 8px 0 0px; font-size: 15px; font-weight: 700; } .gfl-gdpr-button:hover { opacity: 0.8; } .gfl-gdpr-button.gfl-gdpr-accept-button { } .gfl-gdpr-button.gfl-gdpr-reject-button { background-color: #E7E7E7; color: #4E4E4E; margin-right: 0; } .gfl-gdpr-icon { background-image: url(https://ift.tt/WFfBrUA); background-size: contain; background-repeat: no-repeat; background-position: 0 50%; display: inline-block; width: 30px; height: 30px; margin-top: 0px; margin-bottom: -7px; } /* Media Queries */ @media screen and (max-width: 640px) { .gfl-widget-gdpr-wrap { left: auto; right: 20px; border-radius: 4px; } .gfl-gdpr-button.gfl-gdpr-accept-button { float: right; margin: 0 0 0 5px; } } @media screen and (max-width: 450px) { .gfl-widget-gdpr-wrap { left: -1px; right: -1px; width: auto; bottom: -2px; border-radius: 30px 30px 0 0; box-shadow: 0 -6px 13px -5px rgba(0, 0, 0, 0.1); border: 0 none; padding: 40px 50px; } .gfl-gdpr-buttons { white-space: nowrap; max-width: 290px; } .gfl-gdpr-button { padding: 10px 28px; } } @media screen and (max-width: 420px) { .gfl-widget-gdpr-wrap { padding: 30px 35px; } } @media screen and (max-width: 374px) { .gfl-gdpr-button { font-size: 13px; } } @media screen and (max-width: 320px) { .gfl-widget-gdpr-wrap h4 { font-size: 19px; } .gfl-widget-gdpr-wrap p { font-size: 14px; margin: 15px 0; } .gfl-gdpr-button { font-size: 12px; } }

.search-category { display: inline-block; position: absolute; background-color: #3676ef; color: #fff; padding: 10px 29px 10px 15px; border-radius: 100px; top: 50%; transform: translate(0, -50%); left: 5px; cursor: pointer; font-size: 13px; font-weight: 700; z-index: 1; line-height: 1; } .search-category span { display: block; height: 10px; position: absolute; right: 11px; top: 50%; transform: translate(0, -50%); } .search-category svg { height: 100%; width: auto; color: #fff; border-radius: 100%; padding: 0; display: block; } .closed .search-category { left: -300px; } .closed input.mtext { padding-left: 50px !important; } input.mtext.in-cat { border: 2px solid #3676ef; } .gfl-search-dropdown-filter .search-category { display: inline-block; position: relative; left: auto; top: auto; transform: none; font-size: 18px; } .gfl-search-dropdown-ph { position: fixed; left: 50%; transform: translate(-50%, 0); background-color: #fff; padding: 28px; border-radius: 11px; color: #39393c; font-size: 16px; z-index: 10; margin: 5px auto 0; display: none; box-sizing: border-box; box-shadow: 0px 12px 50px -16px #333333db; min-width: 750px; } .gfl-search-dropdown-ph.overlay { position: fixed; left: 0; top: 126px; right: 0; bottom: 0; margin: 0 auto; box-shadow: none; min-width: 0; padding: 0; border-radius: 0; z-index: 3; width: auto !important; max-width: none; background-color: rgba(249, 249, 251, 0.72); transform: none; } @supports ((backdrop-filter: blur(10px))) { .gfl-search-dropdown-ph, .gfl-search-dropdown-ph.overlay { background-color: rgba(255, 255, 255, 0.85); -webkit-backdrop-filter: saturate(300%) blur(8px); backdrop-filter: saturate(300%) blur(8px); } } .scrolling .gfl-search-dropdown-ph.overlay { top: 142px; } .gfl-search-dropdown-section { margin: 0 auto 12px; } .gfl-search-dropdown-section:last-child { margin-bottom: 0; } .search-section-heading { font-size: 18px; margin: 0 5px 10px; padding: 0; font-weight: 700; letter-spacing: 0.3px; } .trending-term { display: inline-block; text-decoration: none; background-color: rgba(34, 135, 252, 0.13); color: rgba(34, 135, 252, 0.88); border-radius: 100px; cursor: pointer; padding: 8px 15px; margin: 5px 5px 5px 0; font-weight: 700; letter-spacing: 0.2px; } .trending-term:hover { opacity: 0.8; } .search-trending-cat { display: inline-block; width: calc(25% – 14px); box-sizing: border-box; text-decoration: none; position: relative; padding: 52px 20px; margin: 0 5px 10px; border-radius: 7px; background-size: cover; background-position: 50% 50%; color: #fff; font-weight: 700; font-size: 16px; text-align: center; line-height: 1.3; } .search-trending-cat span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .search-trending-cat:before { content: “”; display: block; position: absolute; background-color: rgba(0,0,0,0.3); left: 0; right: 0; top: 0; bottom: 0; z-index: 1; border-radius: 7px; } .search-trending-cat:hover { opacity: 0.8; } .search-pop-product { text-decoration: none; display: inline-block; position: relative; border-radius: 6px; width: calc(25% – 14px); margin: 0 5px; padding-bottom: 28%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .search-pop-product:hover { opacity: 0.8; } .search-pop-product:before { content: “”; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 1; } .search-pop-product span { position: absolute; left: 20px; right: 20px; top: 50%; transform: translate(0, -50%); color: #fff; font-weight: 700; text-align: center; font-size: 16px; line-height: 1.5; z-index: 2; } /* Media Queries */ @media screen and (min-width: 1919px) { .search-category { padding: 13px 29px 13px 15px; } } @media screen and (max-width: 1919px) { .gfl-search-dropdown-ph.overlay { top: 121px; } } @media screen and (max-width: 1440px) { .search-trending-cat { width: calc(33.33333% – 14px); } .search-trending-cat:nth-of-type(7), .search-trending-cat:nth-of-type(8) { display: none; } } @media screen and (max-width: 1350px) { input.mtext { height: 40px; line-height: 40px; } input.mbutton { top: 9px; } .closed input.mtext { padding-left: 45px !important; } .search-category { padding: 9px 27px 9px 13px; } } @media screen and (max-width: 1280px) { .search-trending-cat { width: calc(50% – 14px); } .search-trending-cat { display: none; text-align: center; } .search-trending-cat:nth-of-type(1), .search-trending-cat:nth-of-type(2), .search-trending-cat:nth-of-type(3), .search-trending-cat:nth-of-type(4) { display: inline-block; } } @media screen and (max-width: 1260px) { .search-category.in-text { display: inline-block; } input.mtext.in-cat { padding-left: 160px; } .gfl-search-dropdown-filter { display: none; } } @media screen and (max-width: 1180px) { .gfl-search-dropdown-ph { left: 20px; right: 20px; width: auto !important; min-width: 0; max-width: 750px; transform: none; } } @media screen and (max-width: 960px) { .search-trending-cat:nth-of-type(5), .search-trending-cat:nth-of-type(6) { display: none; } .search-trending-cat:nth-of-type(1), .search-trending-cat:nth-of-type(2) { display: inline-block; } } @media screen and (max-width: 770px) { .gfl-search-dropdown-ph { margin-top: 13px; } .search-pop-product span { font-size: 14px; } }

Trending:

Breaking

Sunday, April 17, 2022

Gadgets coming soon in 2022—from AI to VR, these futuristic tech gadgets deserve a space in your life – Gadget Flow

No comments:

Post a Comment

Recent

Popular

Comments

Gaming Gadgets

Categories

Categories

Recent Tech Gadgets

Contact Form

Contact