Responsive & Adaptive Web and Mobile

Mobile responsive web examples focusing on varying techniques to engage the user and provide device-specific optimizations. Including extensive cross-media testing.

Pages
- Blog
- News
- Portfolio
- Contact
- About Mel
Follow Mel
- LinkedIn
- Twitter
- Instagram
- YouTube
Looking for something?
Weekly Tech Newsletter

[mailpoet_form id=”1″]

mrtech.com | Site Map | Privacy Policy | Terms of Use

.jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em}/*! This file is auto-generated */.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1)}:where(.is-layout-flex){gap:0.5em}:where(.is-layout-grid){gap:0.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}#optimizer_front_text-20 .text_block{background-color:#333333;color:#ffffff;padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%}#optimizer_front_text-20 .text_block a:link,#optimizer_front_text-20 .text_block a:visited{color:#ffffff}@media screen and (min-width:480px){#optimizer_front_text-20 .text_block{}.frontpage_sidebar #optimizer_front_text-20{}}.site_boxed .layer_wrapper,body.home.site_boxed #slidera{width:85%;float:left;margin:0 7.5%;background-color:#ffffff}.site_boxed .stat_bg,.site_boxed .stat_bg_overlay,.site_boxed .stat_bg img,.site_boxed .is-sticky .header{width:85%}.site_boxed .social_buttons{background-color:#ffffff}.site_boxed .center{width:95%;margin:0 auto}.site_boxed .head_top .center{width:95%}@media screen and (min-width:960px){.header_sidebar.site_boxed #slidera,.header_sidebar.site_boxed .home_wrap.layer_wrapper,.header_sidebar.site_boxed .footer_wrap.layer_wrapper,.header_sidebar.site_boxed .page_wrap.layer_wrapper,.header_sidebar.site_boxed .post_wrap.layer_wrapper,.header_sidebar.site_boxed .page_blog_wrap.layer_wrapper,.header_sidebar.site_boxed .page_contact_wrap.layer_wrapper,.header_sidebar.site_boxed .page_fullwidth_wrap.layer_wrapper,.header_sidebar.site_boxed .category_wrap.layer_wrapper,.header_sidebar.site_boxed .search_wrap.layer_wrapper,.header_sidebar.site_boxed .fofo_wrap.layer_wrapper,.header_sidebar .site_boxed .author_wrap.layer_wrapper,.header_sidebar.site_boxed .head_top{width:calc(85% - 300px)!important;margin-left:calc(300px + 7.5%)!important}.header_sidebar.site_boxed .stat_bg_overlay,.header_sidebar.site_boxed .stat_bg{width:calc(85% - 300px)!important;left:300px}}body,input,textarea{font-family:Poppins}.single_metainfo,.single_post .single_metainfo a,a:link,a:visited,.single_post_content .tabs li a{color:#999999}body .listing-item .lt_cats a{color:#999999}.sidr-class-header_s.sidr-class-head_search i:before{font-family:"FontAwesome",Poppins;;}.org_comment a,.thn_post_wrap a:not(.wp-block-button__link):link,.thn_post_wrap a:not(.wp-block-button__link):visited,.lts_lightbox_content a:link,.lts_lightbox_content a:visited,.athor_desc a:link,.athor_desc a:visited,.product_meta a:hover{color:#3590ea}.org_comment a:hover,.thn_post_wrap a:not(.wp-block-button__link):link:hover,.lts_lightbox_content a:link:hover,.lts_lightbox_content a:visited:hover,.athor_desc a:link:hover,.athor_desc a:visited:hover{color:#1e73be}.page_head,.author_div,.single.single_style_header .single_post_header{background-color:#EEEFF5;color:#1e73be;text-align:center}.page_head .postitle{color:#1e73be}.page_head .layerbread a,.page_head .woocommerce-breadcrumb{color:#1e73be}.single_post_header,.single.single_style_header .single_post_content .postitle,.single_style_header .single_metainfo,.single_style_header .single_metainfo i,.single_style_header .single_metainfo a{color:#1e73be}#slidera{min-height:initial}.stat_content_inner .center{width:78%}.stat_content_inner{bottom:44%;color:#1e73be}#accordion h3 a,#zn_nivo h3 a{font-size:36px;line-height:1.3em}.static_cta1.cta_hollow,.static_cta1.cta_hollow_big,.static_cta1.cta_hollow_small,.static_cta1.cta_square_hollow,.static_cta1.cta_square_hollow_big,.static_cta1.cta_square_hollow_small{background:transparent!important;color:#ffffff}.static_cta1.cta_flat,.static_cta1.cta_flat_big,.static_cta1.cta_flat_small,.static_cta1.cta_rounded,.static_cta1.cta_rounded_big,.static_cta1.cta_rounded_small,.static_cta1.cta_hollow:hover,.static_cta1.cta_hollow_big:hover,.static_cta1.cta_hollow_small:hover,.static_cta1.cta_square,.static_cta1.cta_square_small,.static_cta1.cta_square_big,.static_cta1.cta_square_hollow:hover,.static_cta1.cta_square_hollow_small:hover,.static_cta1.cta_square_hollow_big:hover{background:#36abfc!important;color:#ffffff;border-color:#36abfc!important}.static_cta2.cta_hollow,.static_cta2.cta_hollow_big,.static_cta2.cta_hollow_small,.static_cta2.cta_square_hollow,.static_cta2.cta_square_hollow_big,.static_cta2.cta_square_hollow_small{background:transparent!important;color:#ffffff}.static_cta2.cta_flat,.static_cta2.cta_flat_big,.static_cta2.cta_flat_small,.static_cta2.cta_rounded,.static_cta2.cta_rounded_big,.static_cta2.cta_rounded_small,.static_cta2.cta_hollow:hover,.static_cta2.cta_hollow_big:hover,.static_cta2.cta_hollow_small:hover,.static_cta2.cta_square,.static_cta2.cta_square_small,.static_cta2.cta_square_big,.static_cta2.cta_square_hollow:hover,.static_cta2.cta_square_hollow_small:hover,.static_cta2.cta_square_hollow_big:hover{background:#36abfc!important;color:#ffffff;border-color:#36abfc!important}#accordion,#slide_acord,.accord_overlay{height:500px}.kwicks li{max-height:500px;min-height:500px}.header{position:relative!important;background-color:#f4f4f4}body .header{position:relative!important;background-color:#f4f4f4}.page #slidera,.single #slidera,.archive #slidera,.search #slidera,.error404 #slidera{height:auto!important}.home.has_trans_header .header_wrap{float:left;position:relative;width:100%}.home.has_trans_header .header{position:absolute!important;z-index:999}.home.has_trans_header .header,.home.has_trans_header.page.page-template-page-frontpage_template .header{background-color:transparent!important;background-image:none}.home.has_trans_header .head_top{background-color:rgba(0,0,0,0.3)}.header_sidebar .head_inner{background-color:#f4f4f4}body.home.site_boxed .header_wrap.layer_wrapper{width:85%;float:left;margin:0 7.5%}.home.has_trans_header.page .header,.home.has_trans_header.page-template-page-frontpage_template .is-sticky .header{background-color:#f4f4f4!important}@media screen and (max-width:480px){.home.has_trans_header .header{background-color:#f4f4f4!important}}.header{z-index:9999}body .is-sticky .header{position:fixed!important;box-shadow:0 0 4px rgba(0,0,0,0.2);z-index:999!important}.home .is-sticky .header,.page_header_transparent .is-sticky .header{position:fixed!important;background-color:#f4f4f4!important;box-shadow:0 0 4px rgba(0,0,0,0.2)!important;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s}.head_top,#topbar_menu ul li a{font-size:15px}.head_top,.page_header_transparent .is-sticky .head_top,#topbar_menu #optimizer_minicart{background-color:#ffffff}#topbar_menu #optimizer_minicart{color:#1e73be}.page_header_transparent .head_top{background:rgba(0,0,0,0.3)}.head_search,.top_head_soc a,.tophone_on .head_phone,.tophone_on .head_phone span,.tophone_on .head_phone i,.tophone_on .head_phone a,.topsearch_on .head_phone a,.topsearch_on .head_search i,#topbar_menu ul li a,body.has_trans_header.home .is-sticky .head_top a,body.page_header_transparent .is-sticky .head_top a,body.has_trans_header.home .is-sticky #topbar_menu ul li a,body.page_header_transparent .is-sticky #topbar_menu ul li a,#topbar-hamburger-menu{color:#1e73be}.head_top .social_bookmarks.bookmark_hexagon a:before{border-bottom-color:rgba(30,115,190,0.3)!important}.head_top .social_bookmarks.bookmark_hexagon a i{background-color:rgba(30,115,190,0.3)!important}.head_top .social_bookmarks.bookmark_hexagon a:after{border-top-color:rgba(30,115,190,0.3)!important}.logo h2,.logo h1,.logo h2 a,.logo h1 a{font-family:"Poppins";font-size:26px;color:#555555}span.desc{font-size:12px}body.has_trans_header.home .header .logo h2,body.has_trans_header.home .header .logo h1,body.has_trans_header.home .header .logo h2 a,body.has_trans_header.home .header .logo h1 a,body.has_trans_header.home span.desc,body.page_header_transparent .header .logo h2,body.page_header_transparent .header .logo h1,body.page_header_transparent .header .logo h2 a,body.page_header_transparent .header .logo h1 a,body.page_header_transparent span.desc,body.has_trans_header.home .head_top a{color:#1e73be}body.has_trans_header .is-sticky .header .logo h2 a,body.has_trans_header .is-sticky .header .logo h1 a,body.page_header_transparent .is-sticky .header .logo h2 a,body.page_header_transparent .is-sticky .header .logo h1 a{color:#555555}#simple-menu,body.home.has_trans_header .is-sticky #simple-menu{color:#1e73be}body.home.has_trans_header #simple-menu{color:#1e73be}span.desc{color:#555555}body.has_trans_header.home .is-sticky span.desc,body.page_header_transparent .is-sticky span.desc{color:#555555}body.has_trans_header.home .is-sticky .header .logo h2 a,body.has_trans_header.home .is-sticky .header .logo h1 a,body.page_header_transparent .is-sticky .header .logo h2 a,body.page_header_transparent .is-sticky .header .logo h1 a{color:#555555}#topmenu ul li a,.header_s.head_search i{color:#1e73be}body.has_trans_header.home #topmenu ul li a,body.page_header_transparent #topmenu ul li a,body.page_header_transparent .head_top a,body.has_trans_header.home #topbar_menu ul li a,body.page_header_transparent #topbar_menu ul li a,.home.has_trans_header .head_soc .social_bookmarks a,.page_header_transparent .head_soc .social_bookmarks a{color:#1e73be}body.header_sidebar.home #topmenu ul li a,#topmenu #optimizer_minicart{color:#1e73be}#topmenu ul li ul:not(.mega-sub-menu){background-color:rgba(0,0,0,0.5)}#topmenu ul li ul li a:hover{background-color:#36abfc;color:#FFFFFF}.head_soc .social_bookmarks a,.home.has_trans_header .is-sticky .head_soc .social_bookmarks a,.page_header_transparent .is-sticky .head_soc .social_bookmarks a{color:#1e73be}.head_soc .social_bookmarks.bookmark_hexagon a:before{border-bottom-color:rgba(30,115,190,0.3)!important}.head_soc .social_bookmarks.bookmark_hexagon a i{background-color:rgba(30,115,190,0.3)!important}.head_soc .social_bookmarks.bookmark_hexagon a:after{border-top-color:rgba(30,115,190,0.3)!important}body.has_trans_header.home .is-sticky #topmenu ul li a,body.page_header_transparent .is-sticky #topmenu ul li a{color:#1e73be}#topmenu ul li ul li a,body.has_trans_header.home #topbar_menu ul li ul li a,body.page_header_transparent #topbar_menu ul li ul li a,body.header_sidebar.home #topmenu ul li a{color:#ffffff}#topmenu li.menu_highlight_slim{border-color:#1e73be}#topmenu li.menu_highlight_slim:hover{background-color:#36abfc;border-color:#36abfc}#topmenu li.menu_highlight_slim:hover>a{color:#FFFFFF!important}#topmenu li.menu_highlight{background-color:#36abfc;border-color:#36abfc}#topmenu li.menu_highlight a,#topmenu li.menu_highlight_slim a{color:#FFFFFF!important}#topmenu li.menu_highlight:hover{border-color:#36abfc;background-color:transparent}#topmenu li.menu_highlight:hover>a{color:#36abfc!important}#topmenu ul li.menu_hover a{border-color:#1e73be}#topmenu ul.menu>li:hover:after{background-color:#1e73be}#topmenu ul li.menu_hover>a,body.has_trans_header.home #topmenu ul li.menu_hover>a,#topmenu ul li.current-menu-item>a[href*="#"]:hover{color:#1e73be}#topmenu ul li.current-menu-item>a,body.header_sidebar #topmenu ul li.current-menu-item>a,body.has_trans_header.header_sidebar .is-sticky #topmenu ul li.current-menu-item>a,body.page_header_transparent.header_sidebar .is-sticky #topmenu ul li.current-menu-item>a{color:#3590ea}#topmenu ul li.current-menu-item.onepagemenu_highlight>a,body.header_sidebar #topmenu ul li.menu_hover>a{color:#1e73be!important}#topmenu ul li ul li.current-menu-item.onepagemenu_highlight a{color:#FFFFFF!important}#topmenu ul li ul{border-color:#1e73be transparent transparent transparent}.logo_center_left #topmenu,.logo_center #topmenu{background-color:}.left_header_content,.left_header_content a{color:#1e73be}.widget_border,.heading_border,#wp-calendar #today,.thn_post_wrap .more-link:hover,.moretag:hover,.search_term #searchsubmit,.error_msg #searchsubmit,#searchsubmit,.optimizer_pagenav a:hover,.nav-box a:hover .left_arro,.nav-box a:hover .right_arro,.pace .pace-progress,.homeposts_title .menu_border,span.widget_border,.ast_login_widget #loginform #wp-submit,.prog_wrap,.lts_layout1 a.image,.lts_layout2 a.image,.lts_layout3 a.image,.rel_tab:hover .related_img,.wpcf7-submit,.nivoinner .slide_button_wrap .lts_button,#accordion .slide_button_wrap .lts_button,.img_hover,p.form-submit #submit,.contact_form_wrap,.style2 .contact_form_wrap .contact_button,.style3 .contact_form_wrap .contact_button,.style4 .contact_form_wrap .contact_button,.optimizer_front_slider #opt_carousel .slidee li .acord_text .slide_button_wrap a,.hover_topborder .midrow_block:before,.acord_text p a{background-color:#36abfc}.share_active,.comm_auth a,.logged-in-as a,.citeping a,.lay3 h2 a:hover,.lay4 h2 a:hover,.lay5 .postitle a:hover,.nivo-caption p a,.org_comment a,.org_ping a,.no_contact_map .contact_submit input,.contact_submit input:hover,.widget_calendar td a,.ast_biotxt a,.ast_bio .ast_biotxt h3,.lts_layout2 .listing-item h2 a:hover,.lts_layout3 .listing-item h2 a:hover,.lts_layout4 .listing-item h2 a:hover,.lts_layout5 .listing-item h2 a:hover,.rel_tab:hover .rel_hover,.post-password-form input[type~=submit],.bio_head h3,.blog_mo a:hover,.ast_navigation a:hover,.lts_layout4 .blog_mo a:hover{color:#36abfc}#home_widgets .widget .thn_wgt_tt,#sidebar .widget .thn_wgt_tt,#footer .widget .thn_wgt_tt,.astwt_iframe a,.ast_bio .ast_biotxt h3,.ast_bio .ast_biotxt a,.nav-box a span{color:#36abfc}.pace .pace-activity{border-top-color:#36abfc!important;border-left-color:#36abfc!important}.pace .pace-progress-inner{box-shadow:0 0 10px #36abfc,0 0 5px #36abfc;-webkit-box-shadow:0 0 10px #36abfc,0 0 5px #36abfc;-moz-box-shadow:0 0 10px #36abfc,0 0 5px #36abfc}.fotorama__thumb-border,.ast_navigation a:hover{border-color:#36abfc!important}.hover_colorbg .midrow_block:before{background-color:rgba(54,171,252,0.3)}.icon_round a,#wp-calendar #today,.moretag:hover,.search_term #searchsubmit,.error_msg #searchsubmit,.optimizer_pagenav a:hover,.ast_login_widget #loginform #wp-submit,#searchsubmit,.prog_wrap,.rel_tab .related_img i,.lay1 h2.postitle a,.nivoinner .slide_button_wrap .lts_button,#accordion .slide_button_wrap .lts_button,.lts_layout1 .icon_wrap a,.lts_layout2 .icon_wrap a,.lts_layout3 .icon_wrap a,.lts_layout1 .icon_wrap a:hover,.lts_layout2 .icon_wrap a:hover,.lts_layout3 .icon_wrap a:hover,.optimizer_front_slider #opt_carousel .slidee li .acord_text .slide_button_wrap a{color:#FFFFFF!important}.thn_post_wrap .listing-item .moretag:hover,body .lts_layout1 .listing-item .title,.lts_layout2 .img_wrap .optimizer_plus,.img_hover .icon_wrap a,#footer .widgets .widget .img_hover .icon_wrap a,body .thn_post_wrap .lts_layout1 .icon_wrap a,.wpcf7-submit,p.form-submit #submit,.optimposts .type-product span.onsale,.style2 .contact_form_wrap .contact_button,.style3 .contact_form_wrap .contact_button,.style4 .contact_form_wrap .contact_button,.lay3.portfolio_wrap .post_content .catag_list,.lay3.portfolio_wrap .post_content .catag_list a,.lay3.portfolio_wrap h2 a{color:#FFFFFF!important}.hover_colorbg .midrow_block:before,.hover_colorbg .midrow_block:hover .block_content,.hover_colorbg .midrow_block:hover h2,.hover_colorbg .midrow_block:hover h3,.hover_colorbg .midrow_block:hover h4,.hover_colorbg .midrow_block:hover a,.contact_form_wrap .contact_button,.contact_buttn_spinner,.acord_text p a{color:#FFFFFF!important}#sidebar .widget{background-color:#FFFFFF}#sidebar .widget .widgettitle,#sidebar .widget .widgettitle a{color:#666666}#sidebar .widget li a,#sidebar .widget,#sidebar .widget .widget_wrap{color:#999999}#sidebar .widget .widgettitle,#sidebar .widget .widgettitle a,#sidebar .home_title{font-size:16px}#footer .widgets .widgettitle,#copyright a{color:#ffffff}#footer{background-color:#222222}#footer .widgets .widget a,#footer .widgets{color:#666666}#footer .widgets .ast_scoial.social_style_round_text a span{color:#666666}#copyright{background-color:#333333;background-size:cover}#copyright a,#copyright{color:#999999}.foot_soc .social_bookmarks a{color:#999999}.foot_soc .social_bookmarks.bookmark_hexagon a:before{border-bottom-color:rgba(153,153,153,0.3)}.foot_soc .social_bookmarks.bookmark_hexagon a i{background-color:rgba(153,153,153,0.3)}.foot_soc .social_bookmarks.bookmark_hexagon a:after{border-top-color:rgba(153,153,153,0.3)}h1,h2,h3,h4,h5,h6,#topmenu ul li a,.postitle,.product_title{font-family:Poppins}#topmenu ul li a{font-size:14px}#topmenu ul li{line-height:14px}.single .single_post_content .postitle,.single-product h1.product_title,.single-product h2.product_title{font-size:32px}.page .page_head .postitle,.page .single_post .postitle,.archive .single_post .postitle{font-size:32px}body,.home_cat a,.comment-form-comment textarea,.single_post_content .tabs li a,.thn_post_wrap .listing-item .moretag{color:#999999}.postitle,.postitle a,.nav-box a,h3#comments,h3#comments_ping,.comment-reply-title,.related_h3,.nocomments,.lts_layout2 .listing-item h2 a,.lts_layout3 .listing-item h2 a,.lts_layout4 .listing-item h2 a,.lts_layout5 .listing-item h2 a,.author_inner h5,.product_title,.woocommerce-tabs h2,.related.products h2,.lts_layout4 .blog_mo a,.optimposts .type-product h2.postitle a,.woocommerce ul.products li.product h3,.portfolio_wrap .hover_style_5 h2 a,.portfolio_wrap .hover_style_5 .post_content .catag_list a,.portfolio_wrap .hover_style_5 .post_content .catag_list{text-decoration:none;color:#1e73be}.thn_post_wrap h1,.thn_post_wrap h2,.thn_post_wrap h3,.thn_post_wrap h4,.thn_post_wrap h5,.thn_post_wrap h6{color:#666666}.lay4 .ast_navigation .alignleft i:after,.lay5 .ast_navigation .alignleft i:after{content:"Previous Posts"}.lay4 .ast_navigation .alignright i:after,.lay5 .ast_navigation .alignright i:after{content:"Next Posts"}.lay4 .ast_navigation .alignleft i:after,.lay5 .ast_navigation .alignleft i:after,.lay4 .ast_navigation .alignright i:after,.lay5 .ast_navigation .alignright i:after{font-family:Poppins}.sidr{background-color:#222222}@media screen and (max-width:480px){body.home.has_trans_header .header .logo h1 a,body.home.has_trans_header .header .desc{color:#555555!important}body.home.has_trans_header .header #simple-menu,body.has_trans_header.home #topmenu ul li a{color:#1e73be!important}}body #topmenu{text-shadow:#fff 1px 0 15px}@font-face{font-display:swap}@media only screen and (max-width:768px){.mainline{font-size:30pt;line-height:34pt;padding-top:0px;margin-top:0px}.noshowmobile{display:none}.about_inner{width:100%!important}.optimizer_divider{width:98%;max-width:770px;display:inline}#simple-menu{font-size:18px}.sidr ul li ul li a{white-space:nowrap;overflow:hidden;text-overflow:elipsis}#embeddedpdf{height:480px!important}}#html5-watermark{display:none!important}.lsow-container img{height:50%!important}.slb_data_title{font-family:Open Sans!important}#sitemap_authors,#sitemap_postgrid{display:none!important}.page_head{min-height:100px}.page_head .pagetitle_wrap{margin:20px auto}.pad_menutitle{width:100%}.optimizer_divider{width:100%;max-width:600px;display:inline}.optimizer_divider .div_left{width:44%!important}.optimizer_divider .div_right{width:44%!important}.mainline{font-size:36pt;line-height:40pt;padding-top:0px;margin-top:0px}.so-widget-blog-style-two-blog-style-two-style-f70b9422c3b0 .blog_two_style .meta{visibility:hidden!important;height:0px;line-height:0}div.grid-items>div a img{background:#fff none repeat scroll 0 0;border:1px solid #666;border-radius:5px;box-shadow:none;box-sizing:border-box;display:block;margin:0;padding:3px;transition:all 0.2s ease 0s}#testimonials-3{padding:20px}.su-post-comments-link{display:none!important}.su-lightbox{cursor:pointer;color:#999999}.tplis-cl-button-image p{color:white!important}.ppsPopupShell,.ppsPopupLabel{font-family:Open Sans!important}.ppsSuccessMsg{text:#1e73be}div.ppsRightCol>div.logo{display:none!important;width:0px!important;height:0px!important}#popup-box-gfcr-2 .popupally-outer-gfcr-2,#popup-embedded-box-gfcr-2.popupally-outer-embedded-gfcr-2{width:470px!important;margin-left:auto;margin-right:auto;left:40%}.contact-form input{padding:5px!Important;border-style:groove!Important;border:2px solid #ccc!Important;-webkit-border-radius:2px!Important;border-radius:2px!Important}.contact-form submit{background-color:#1e73be!Important}.contact-form submit:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)}.widget_eu_cookie_law_widget{list-style:none}.su-custom-gallery{margin:0em -3em 1.5em -0.5em!important}.single_post{padding:.7%!important}#topmenu ul li ul li a,#topmenu ul li ul:not(.mega-sub-menu){background:#ffffff none repeat scroll 0 0;color:#1e73be!important;border-color:#ffffff}#topmenu ul li ul li a:hover{color:#ffffff!important}#topmenu ul li ul{border:1px solid #666;border-radius:5px;box-shadow:none}.portlay1.portfolio_wrap.port_layout_2 .hentry{box-sizing:inherit}@media screen and (min-width: 1440px) .portfolio_wrap .hentry{width: 33% !important;}.lay2_wrap{overflow:inherit}.js-masonry{margin:0!important}i[class*=fa-]{font-size:15px!important}.lay2_wrap_ajax{width:100%}

mel reyes aka @mrtech

Responsive & Adaptive Web and Mobile

Mobile responsive web examples focusing on varying techniques to engage the user and provide device-specific optimizations. Including extensive cross-media testing.

Pages

Follow Mel

Looking for something?

Weekly Tech Newsletter