Tagged as: Mobile Responsive Website Design

05 Nov
2019

Importance Of A Mobile Responsive Website Design

img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.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:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--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%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 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%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 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:.44rem;--wp--preset--spacing--30:.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,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(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:.5em;}:where(.is-layout-grid){gap:.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;}.sd-portfolio-item img{width:100%;}.mega-sd-menu-button a{padding:0 10px !important;}@media (min-width: 1200px){.mega-sd-menu-button a{padding:0 20px !important;}}#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-item > a{padding:0 7px;}@media (min-width: 1200px){#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-item > a{padding:0 15px;}}.sd-centered-wrapper img{max-width:auto !important;}.wpb_single_image img{height:auto;max-width:auto !important;vertical-align:top;}.borderbox{padding:10px;border:solid 1px #e7e7e7;}.sd-footer-sidebar-widget h4:before{border:none;}.sd-footer-sidebar-widget h4{border-bottom:2px solid #00b4fa;}.underlined{display:inline-block;width:60px;height:2px;border-radius:100px;background:orange;margin-right:10px;position:relative;bottom:11px;}.formfield-opened{text-align:left;background:white;padding-left:16px;border-bottom:solid 2px #ddd !important;height:50px;border:none;line-height:35px;margin-bottom:10px !important;}.form-recaptcha{margin-bottom:10px !important;}.form-submit{background-color:orange !important;border:none !important;box-shadow:0 1px 3px 0 rgba(0,0,0,.16),0 2px 7px 0 rgba(0,0,0,.1) !important;color:#fff !important;padding:10px 30px !important;-webkit-transition:.2s ease-out !important;-moz-transition:.2s ease-out !important;transition:.2s ease-out !important;border-radius:100px !important;font-weight:500 !important;}div#popmake-11456{background:none;}.pum-theme-11456,.pum-theme-default-theme{background-color:rgba(0,0,0,.64) !important;}a.popbtn{background:#93ff00;border:solid 2px #274e77;color:black;padding:9px;margin-top:10px;font-weight:700;display:inline-block;border-radius:100px;width:170px;text-decoration:none;text-align:center;}.sd-inquiry Mdowinput,.sd-inquiry textarea,.sd-inquiry2 input,.sd-inquiry2 textarea{background:none;border:2px solid #fff;border-width:0 0 2px;color:#fff;padding:0 25px;}.sidr-chevron{color:#fff;cursor:pointer;font-size:11px;height:45px;line-height:28px;padding-right:20px;position:absolute;right:0;text-align:right;top:0;width:100%;}@media (max-width: 667px){.sd-menu-wrapper{float:left;float:right;width:134px;margin-top:0px;}}@media (max-width: 667px){.sd-logo>a>img{float:left;text-align:center;width:180px;margin:0px 0 0;}}@media (max-width: 600px){.hideslider{display:none;}}@media (max-width: 320px){.sd-logo>a>img{float:left;text-align:center;width:139px;margin:0px 0 0;}}@media (max-width: 667px){.sd-header-top{display:none;}}@media (max-width: 667px){.sd-header-top{display:none;}}@media (max-width: 667px){.mobileshow{margin-top:35px;text-align:center;visibility:visible;}}@media screen and (min-device-width: 1024px) and (max-device-width: 1920px){.desktophide{display:none;}}span.sd-responsive-menu-toggle{padding-top:0px !important;}@media (max-width: 667px){.wpcs-slide-out-div,.mobile-hide{display:none;}}#bars{height:30px;left:50%;margin:-30px 0 0 -20px;position:absolute;top:100%;width:40px;}.bar{background:#2e8cd7;bottom:1px;height:3px;position:absolute;width:3px;animation:sound 0ms -800ms linear infinite alternate;}@keyframes sound{0%{opacity:.35;height:3px;}100%{opacity:1;height:28px;}}.bar:nth-child(1){left:1px;animation-duration:474ms;}.bar:nth-child(2){left:5px;animation-duration:433ms;}.bar:nth-child(3){left:9px;animation-duration:407ms;}.bar:nth-child(4){left:13px;animation-duration:458ms;}.bar:nth-child(5){left:17px;animation-duration:400ms;}.bar:nth-child(6){left:21px;animation-duration:427ms;}.bar:nth-child(7){left:25px;animation-duration:441ms;}.bar:nth-child(8){left:29px;animation-duration:419ms;}.bar:nth-child(9){left:33px;animation-duration:487ms;}.bar:nth-child(10){left:37px;animation-duration:442ms;}a.mega-menu-link{font-size:18px !important;color:white !important;font-weight:700 !important;}a.mega-menu-link:hover{font-size:18px !important;color:white !important;font-weight:700 !important;}#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-item:last-of-type a.mega-menu-link,#sidr-id-mega-menu-main-header-menu li.sidr-class-mega-menu-item:last-of-type a.sidr-class-mega-menu-link{display:none;}a.callbtn{background:orange !important;padding:5px !important;border-radius:100px !important;width:171px !important;display:block !important;color:white !important;text-align:center !important;box-shadow:0px 5px 20px rgba(0,0,0,.07) !important;font-weight:600 !important;font-size:16px !important;}.col-md-5.col-sm-6.sd-footer-sidebar-1{width:100%;padding-top:60px;}.col-md-7.col-sm-6.sd-footer-sidebar-2{display:none;}a.footerlink{font-size:17px;font-weight:500;color:white;padding:1px;display:block;}a.footerlink:hover{color:orange;}@media only screen and (max-width:25.875em) and (min-width:23.4375em){a.footerlink{padding:5px !important;display:block !important;}}@media only screen and (max-width:25.875em) and (min-width:23.4375em){.col-md-5.col-sm-6.sd-footer-sidebar-1{padding-top:0px !important;}}.sd-copyright{color:#63839c;font-size:14px;padding:15px 0;position:relative;}#sd-footer{background-color:#243c4f;font-size:16px;padding-bottom:10px;}.social{display:inline-block;background:white;border-radius:100%;width:40px;height:40px;padding:9px;font-size:21px;margin:2px;text-align:center;}.social a:hover{color:orange;}a.contactus{background:white;padding:8px;display:inline-block;margin-top:20px;font-weight:700;width:150px;color:orange;text-align:center;border-radius:100px;box-shadow:0px 5px 20px rgba(0,0,0,.08);}a.contactus:hover{background:orange;color:white;}.sd-footer-widgets{color:#63839c;margin:0;background-image:url("https://cdn-dgmdi.nitrocdn.com/QnXyJRJMAKllPpEOhKSuWnsgFiztyAIN/assets/images/optimized/rev-d143d0a/www.ultrawebmarketing.com/wp-content/uploads/2020/01/web-design-boca-raton.jpg");height:auto;background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;}.sd-footer-widgets.nitro-lazy{background-image:none !important;}.sd-responsive-menu-toggle a{background-color:transparent;color:#fff;display:inline-block;height:40px;line-height:42px;padding:0 15px;}.wpcf7-select{border:1px solid #d9dfe2;border-radius:0;height:50px;line-height:50px;padding:0 10px;width:100%;background-color:#fafcfd;}span.sd-open-preview{display:none;}.sd-meta-date{display:none;}.sidr ul li:hover > a,.sidr ul li:hover > span,.sidr ul li.active > a,.sidr ul li.active > span,.sidr ul li.sidr-class-active > a,.sidr ul li.sidr-class-active > span{background-color:rgba(0,180,250,.35) !important;}@import url("https://cdn-dgmdi.nitrocdn.com/QnXyJRJMAKllPpEOhKSuWnsgFiztyAIN/assets/desktop/source/rev-4b45c69/fonts.googleapis.com/dfd10b765494f70e11fea62c510d2cbd.css");.tp-caption.medium_bg_red a{color:#fff;text-decoration:none;}.tp-caption.medium_bg_red a:hover{color:#fff;text-decoration:underline;}.tp-caption.roundedimage img{-webkit-border-radius:300px;-moz-border-radius:300px;border-radius:300px;}.tp-bullets.simplebullets.navbar{height:35px;padding:0px 0px;}.tp-bullets.simplebullets .bullet{cursor:pointer;position:relative !important;background:rgba(0,0,0,.5) !important;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:6px !important;height:6px !important;border:5px solid rgba(0,0,0,0) !important;display:inline-block;margin-right:2px !important;margin-bottom:14px !important;-webkit-transition:background-color .2s,border-color .2s;-moz-transition:background-color .2s,border-color .2s;-o-transition:background-color .2s,border-color .2s;-ms-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s;float:none !important;}.tp-bullets.simplebullets .bullet.last{margin-right:0px;}.tp-bullets.simplebullets .bullet:hover,.tp-bullets.simplebullets .bullet.selected{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:rgba(255,255,255,1) !important;width:6px !important;height:6px !important;border:5px solid rgba(0,0,0,1) !important;}.tparrows:before{font-family:"revicons";color:#fff;font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;margin-right:0;margin-top:9px;text-align:center;width:40px;font-size:20px;}.tparrows{cursor:pointer;background:rgba(0,0,0,.5) !important;-webkit-border-radius:5px;border-radius:5px;width:40px !important;height:40px !important;}.tparrows:hover{color:#fff;}.tp-leftarrow:before{content:"";}.tp-rightarrow:before{content:"";}.tparrows.tp-rightarrow:before{margin-left:1px;}.tparrows:hover{background:rgba(0,0,0,1) !important;}.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}.tp-caption a:hover{color:#ffa902;}.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}.tp-caption a:hover{color:#ffa902;}.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}.tp-caption a:hover{color:#ffa902;}.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}.tp-caption a:hover{color:#ffa902;}.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}.tp-caption a:hover{color:#ffa902;}.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}.tp-caption a:hover{color:#ffa902;}