Day: June 6, 2013

Best Practices for Designing a Responsive Website

With the official Google stamp of approval given to Responsive Website Design, we can be sure that it is the best plan of action for anyone who wants to make

section ul li,section ol li{color:inherit;}section.step:before{opacity:0;}a.raven-post-button{display:none;}.form-sidebar [type="submit"]:hover{background:#16738b !important;}.form-sidebar [type="submit"]{background:#1b97b7 !important;}#seoform input.wpcf7-submit{border-bottom:none !important;}@media (max-width:768px){.whoweare .elementor-column-wrap.elementor-element-populated{border-right:1px solid #1b97b7;}.whatwedo img{width:50% !important;}}#workposts{}#heroServices a.elementor-button:hover{background-color:#0c4654;}#heroServices a.elementor-button{background-color:#16738b;border-radius:10px;}div#workPosts a.raven-post-button{display:none;}div#workPosts .raven-post,div#workposts .raven-post{height:100%;position:relative;}div#workPosts .raven-post-excerpt,div#workposts .raven-post-excerpt{margin-bottom:65px;}div#workPosts .raven-post-image-wrap,div#workposts .raven-post-image-wrap{overflow:hidden;}div#workPosts .raven-post-content,div#workposts .raven-post-content{position:relative;height:50%;}div#workPosts .raven-post-read-more,div#workposts .raven-post-read-more{position:absolute;bottom:0;}#pum-453 input[type=email],#pum-453 input[type=password],#pum-453 input[type=search],#pum-453 input[type=tel],#pum-453 input[type=text],#pum-453 textarea{font-size:13px;color:#767676;padding:10px 12px;background-color:#fdfdfd;border:1px solid #e3e3e3;outline:0;margin-bottom:4px;}section#heroServices{overflow:hidden;}section#heroServices .elementor-column-wrap.elementor-element-populated{padding:0 !important;}section#heroServices .elementor-row{margin:0;}div#heroSectionImg{z-index:1;}section#heroSectionInfo{position:absolute;z-index:2;top:50%;transform:translateY(-50%);}#heroWords .elementor-column-wrap.elementor-element-populated{padding:0 !important;}#heroWords .elementor-column-gap-default > .elementor-row{margin:0 !important;}.whitetext,.whitetext *,.textwhite,.textwhite *{color:white;}.textblack,.textblack *,.blacktext,.blacktext *{color:black;}.elementor-post-navigation .elementor-post-navigation__link{white-space:normal !important;}.single-portfolio .jupiterx-main-header.jupiterx-main-header-custom{display:none;}.rightsidebar input[type=email],.rightsidebar input[type=password],.rightsidebar input[type=search],.rightsidebar input[type=tel],.rightsidebar input[type=text],.rightsidebar textarea{font-size:13px;color:#767676;padding:10px 12px;background-color:#fdfdfd;border:1px solid #e3e3e3;outline:0;margin-bottom:4px;}span.elementor-post-navigation__link__prev,span.elementor-post-navigation__link__next{max-width:200px;}.breadcrumb-item{display:flex;}.breadcrumb-item + .breadcrumb-item::before,.breadcrumb-item.active{font-size:11px;}.breadcrumb{display:flex;flex-wrap:wrap;padding-left:0;list-style:none;border-radius:.25rem;margin-bottom:0rem;justify-content:left;}.elementor-shortcode a{font-family:"Montserrat",Sans-serif;font-size:11px;font-weight:400;text-decoration:none;color:#1c97b7;}.rightsidebar{background:white;}.rightsidebar .wpcf7 textarea,#pum-453 .wpcf7 textarea{height:60px;}span.wpcf7-spinner{display:none !important;}.rightsidebar .wpcf7-response-output,#pum-453 .wpcf7-response-output{font-size:12px;margin-top:10px !important;margin-left:0 !important;margin-right:0 !important;}span.elementor-post-navigation__link__next{align-items:end;}.elementor-widget-theme-post-title,.elementor-widget-post-info,.elementor-widget-theme-post-content{background:white;}.prevpost-image{height:100px;width:180px;margin-bottom:10px;background-size:cover;background-position:center;}.jupiterx-main-content{padding-bottom:0 !important;}.progress-container{width:100%;height:3px;background:#1f88a0;position:fixed;top:0;z-index:9999;}.progress-bar{height:3px;background:#4caf50;width:0%;}.rightsidebar .wpcf7-form input[type=text],#pum-453 .wpcf7-form input[type=text]{max-width:100%;width:100% !important;}.rightsidebar .wpcf7-form input[type=email],#pum-453 .wpcf7-form input[type=email]{max-width:100%;width:100% !important;}.rightsidebar .wpcf7-form select,#pum-453 .wpcf7-form select{width:calc(100% + 24px) !important;transform:translateX(-12px);margin-top:7px;}.rightsidebar .wpcf7-form textarea,#pum-453 .wpcf7-form textarea{width:calc(100% + 24px) !important;transform:translateX(-12px);margin-top:7px;}.rightsidebar .wpcf7-form input.wpcf7-not-valid,#pum-453 .wpcf7-form input.wpcf7-not-valid{border:1px solid red !important;}.rightsidebar .wpcf7-form select.wpcf7-not-valid,#pum-453 .wpcf7-form select.wpcf7-not-valid{border:1px solid red !important;}.rightsidebar .wpcf7-form .wpcf7-not-valid .wpcf7-list-item-label,#pum-453 .wpcf7-form .wpcf7-not-valid .wpcf7-list-item-label{color:red;}.rightsidebar .wpcf7 textarea,#pum-453 .wpcf7 textarea{height:140px;}ul li{color:#333;}.rightsidebar span.wpcf7-list-item,#pum-453 span.wpcf7-list-item{display:block;}.page-title{display:none;}.mk-blog-author{display:none;}#mk-breadcrumbs{float:left;}#mk-breadcrumbs .mk-breadcrumbs-inner{margin:0 0 -10px 0;padding:10px 5px 8px;}.tag-blogging #mk-page-introduce{padding:15px 0 6px;}#mk-page-introduce .page-subtitle{margin:0;font-weight:700;font-size:10px;line-height:11px;letter-spacing:1px;text-transform:uppercase;}.intro-left{padding-top:0 !important;}.single-portfolio .featured-image{margin-bottom:30px;}#popmake-453{background:#050706 url("https://cdn-hadcn.nitrocdn.com/UxGHnlocBGeBcwyqNhTrZevAacWXHdrZ/assets/images/optimized/rev-113e406/premierecreative.com/pitchdeck/pc_promopopup_r1_mobile.jpg") no-repeat top center;background-size:auto 100%;padding:30px 10px;max-width:550px;min-width:320px;}#popmake-453.nitro-lazy{background-image:none !important;}@media (min-width: 992px){#popmake-453{max-width:100%;background:#050706 url("https://cdn-hadcn.nitrocdn.com/UxGHnlocBGeBcwyqNhTrZevAacWXHdrZ/assets/images/optimized/rev-113e406/premierecreative.com/pitchdeck/pc_promopopup_r1.jpg") no-repeat center;background-size:cover;min-width:800px;padding:30px;}#popmake-453.nitro-lazy{background-image:none !important;}}#popmake-453 .slog{font-size:24px;color:#333;margin-bottom:120px;}#popmake-453 .slog strong{font-size:28px;}#popmake-453 .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}#popmake-453 .col-md-6{padding:0 10px;width:100%;}@media (min-width: 992px){#popmake-453 .col-md-6{width:50%;}}#popmake-453 .wpcf7-form{background:#fff;border:1px solid #bbb;padding:20px;margin:0 auto;}@media (min-width: 992px){#popmake-453 .wpcf7-form{margin:0;}}#popmake-453 .wpcf7-form .form-title{font-size:20px;color:#333;font-weight:bold;margin:0 0 15px;}#popmake-453 .wpcf7-form input,#popmake-453 .wpcf7-form textarea{border:1px solid #bbb;border-radius:3px;}#popmake-453 .wpcf7-form input::placeholder,#popmake-453 .wpcf7-form textarea::placeholder{color:#999;}#popmake-453 .wpcf7-form label{color:#999;font-size:13px;padding:0 12px;width:100%;margin-top:7px;}#popmake-453 .wpcf7-form select{padding:8px;border:1px solid #bbb;border-radius:3px;}#popmake-453 .wpcf7-form input.wpcf7-not-valid{border:1px solid red;}#popmake-453 .wpcf7-form select.wpcf7-not-valid{border:1px solid red;}#popmake-453 input[type=submit]{color:#fff;background:#16738b;font-weight:700;padding:15px 5px;font-size:14px;border-radius:5px;display:block;margin:0 auto;border:0;min-width:80%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;margin-top:30px;text-transform:uppercase;}#popmake-453 input[type=submit]:hover{background:#b4491c;}.home h4.elementor-post__title{font-family:Montserrat !important;}.elementor-image-box-title{font-family:Montserrat !important;}.elementor-post h3.elementor-post__title{font-family:Montserrat !important;}.elementor-testimonial-content{font-size:16px !important;font-weight:300;line-height:25px;font-family:Source Sans;font-style:italic;}.elementor-testimonial__text{font-size:16px !important;font-weight:300;line-height:25px;font-family:Source Sans;font-style:italic;}.archive .portfolio-meta-wrapper .portfolio-categories{display:none;}.archive .the-excerpt{font-size:12px;}.wpcf7-validation-errors{display:none !important;}.wpcf7-not-valid-tip{display:none !important;}.elementor-column-gap-default > .elementor-row{}.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{padding:10px 20px !important;}@media only screen and (min-width: 750px) and (max-width: 800px){.mk-main-navigation #menu-item-3580{display:none;}}@media (max-width: 768px){.maintext h1{font-size:35px !important;line-height:1.3 !important;}}@media only screen and (max-width: 599px){.rightsidebar textarea,#pum-453 textarea{padding:4px 6px;}.rightsidebar input[type=text],#pum-453 input[type=text]{padding:4px 6px;}.rightsidebar input[type=tel],#pum-453 input[type=tel]{padding:4px 6px;}.rightsidebar input[type=email],#pum-453 input[type=email]{padding:4px 6px;}.rightsidebar input[type=password],#pum-453 input[type=password]{padding:4px 6px;}.rightsidebar input[type=search],#pum-453 input[type=search]{padding:4px 6px;}#popmake-453 .wpcf7-form select{padding:4px 6px;}#popmake-453 input[type=submit]{padding:4px 6px;font-size:13px;margin-top:10px;font-weight:400;}#popmake-453 .slog{border:none;padding:0;}.rightsidebar .wpcf7-form p,#pum-453 .wpcf7-form p{margin-bottom:0 !important;}.rightsidebar .wpcf7-form label,#pum-453 .wpcf7-form label{font-size:13px;}.pum-theme-430 .pum-container{padding:0 18px 18px;}.pum-theme-lightbox .pum-container{padding:0 18px 18px;}}@media (max-width: 1024px){header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{position:absolute;top:calc(100% + 25px);width:calc(200% + 20px);right:0;}}@media only screen and (max-width: 825px){#menu-item-7309 .menu-item-link{display:none;}}@media (max-width:768px){section#heroSectionInfo{top:20px;transform:none;}section.step:before{width:100% !important;}}@media only screen and (max-width: 550px){.elementor-section-wrap>section.elementor-section-stretched.elementor-section-height-min-height:first-child h3{font-size:20px;}.elementor-section-wrap>section.elementor-section-stretched.elementor-section-height-min-height:first-child h1.elementor-heading-title.elementor-size-default{font-size:30px;}}.page-id-15631 header.jupiterx-post-header ul{margin-bottom:0;}.page-id-15631 .jupiterx-main-content{padding:0;}.page-id-15631 .jupiterx-main-content .elementor-widget-wrap{padding:0 !important;}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;}@import url("https://cdn-hadcn.nitrocdn.com/UxGHnlocBGeBcwyqNhTrZevAacWXHdrZ/assets/desktop/source/rev-0a7ff63/fonts.googleapis.com/3b361e1536b7ef0223e91f08da9bef82.css");.pum-theme-8416,.pum-theme-floating-bar{background-color:rgba(255,255,255,0);}.pum-theme-8416 .pum-container,.pum-theme-floating-bar .pum-container{padding:8px;border-radius:0px;border:1px none #000;box-shadow:1px 1px 3px 0px rgba(2,2,2,.23);background-color:rgba(238,246,252,1);}.pum-theme-8416 .pum-title,.pum-theme-floating-bar .pum-title{color:#505050;text-align:left;text-shadow:0px 0px 0px rgba(2,2,2,.23);font-family:inherit;font-weight:400;font-size:32px;line-height:36px;}.pum-theme-8416 .pum-content,.pum-theme-floating-bar .pum-content{color:#505050;font-family:inherit;font-weight:400;}.pum-theme-8416 .pum-content + .pum-close,.pum-theme-floating-bar .pum-content + .pum-close{position:absolute;height:18px;width:18px;left:auto;right:5px;bottom:auto;top:50%;padding:0px;color:#505050;font-family:Sans-Serif;font-weight:700;font-size:15px;line-height:18px;border:1px solid #505050;border-radius:15px;box-shadow:0px 0px 0px 0px rgba(2,2,2,0);text-shadow:0px 0px 0px rgba(0,0,0,0);background-color:rgba(255,255,255,0);transform:translate(0,-50%);}.pum-theme-8417,.pum-theme-content-only{background-color:rgba(0,0,0,.7);}.pum-theme-8417 .pum-container,.pum-theme-content-only .pum-container{padding:0px;border-radius:0px;border:1px none #000;box-shadow:0px 0px 0px 0px rgba(2,2,2,0);}.pum-theme-8417 .pum-title,.pum-theme-content-only .pum-title{color:#000;text-align:left;text-shadow:0px 0px 0px rgba(2,2,2,.23);font-family:inherit;font-weight:400;font-size:32px;line-height:36px;}.pum-theme-8417 .pum-content,.pum-theme-content-only .pum-content{color:#8c8c8c;font-family:inherit;font-weight:400;}.pum-theme-8417 .pum-content + .pum-close,.pum-theme-content-only .pum-content + .pum-close{position:absolute;height:18px;width:18px;left:auto;right:7px;bottom:auto;top:7px;padding:0px;color:#000;font-family:inherit;font-weight:700;font-size:20px;line-height:20px;border:1px none #fff;border-radius:15px;box-shadow:0px 0px 0px 0px rgba(2,2,2,0);text-shadow:0px 0px 0px rgba(0,0,0,0);background-color:rgba(255,255,255,0);}.pum-theme-433,.pum-theme-cutting-edge{background-color:rgba(25,20,20,.7);}.pum-theme-433 .pum-container,.pum-theme-cutting-edge .pum-container{padding:0px;border-radius:1px;border:1px solid rgba(25,20,20,.1);box-shadow:0px 10px 25px 0px rgba(2,2,2,.25);background-color:rgba(255,255,252,1);}.pum-theme-433 .pum-title,.pum-theme-cutting-edge .pum-title{color:#fff;text-align:left;text-shadow:0px 0px 0px rgba(2,2,2,0);font-family:Roboto Condensed;font-size:26px;line-height:28px;}.pum-theme-433 .pum-content,.pum-theme-cutting-edge .pum-content{color:#fff;font-family:inherit;}.pum-theme-433 .pum-content + .pum-close,.pum-theme-cutting-edge .pum-content + .pum-close{position:absolute;height:auto;width:auto;left:auto;right:5px;bottom:auto;top:10px;padding:0px;color:#191414;font-family:inherit;font-size:32px;line-height:24px;border:1px none #fff;border-radius:0px;box-shadow:0px 0px 0px 0px rgba(0,186,2,0);text-shadow:0px 0px 0px rgba(0,186,2,0);background-color:rgba(0,186,2,0);}.pum-theme-430,.pum-theme-lightbox{background-color:rgba(0,0,0,.6);}.pum-theme-430 .pum-container,.pum-theme-lightbox .pum-container{padding:18px;border-radius:3px;border:8px solid #000;box-shadow:0px 0px 30px 0px rgba(2,2,2,1);background-color:rgba(255,255,255,1);}.pum-theme-430 .pum-title,.pum-theme-lightbox .pum-title{color:#000;text-align:left;text-shadow:0px 0px 0px rgba(2,2,2,.23);font-family:inherit;font-size:32px;line-height:36px;}.pum-theme-430 .pum-content,.pum-theme-lightbox .pum-content{color:#000;font-family:inherit;}.pum-theme-430 .pum-content + .pum-close,.pum-theme-lightbox .pum-content + .pum-close{position:absolute;height:30px;width:30px;left:auto;right:-24px;bottom:auto;top:-24px;padding:0px;color:#fff;font-family:inherit;font-size:24px;line-height:26px;border:2px solid #fff;border-radius:30px;box-shadow:0px 0px 15px 1px rgba(2,2,2,.75);text-shadow:0px 0px 0px rgba(0,0,0,.23);background-color:rgba(0,0,0,1);}.pum-theme-431,.pum-theme-enterprise-blue{background-color:rgba(0,0,0,.7);}.pum-theme-431 .pum-container,.pum-theme-enterprise-blue .pum-container{padding:28px;border-radius:5px;border:1px none #000;box-shadow:0px 10px 25px 4px rgba(2,2,2,.5);background-color:rgba(255,255,255,1);}.pum-theme-431 .pum-title,.pum-theme-enterprise-blue .pum-title{color:#315b7c;text-align:left;text-shadow:0px 0px 0px rgba(2,2,2,.23);font-family:inherit;font-size:34px;line-height:36px;}.pum-theme-431 .pum-content,.pum-theme-enterprise-blue .pum-content{color:#2d2d2d;font-family:inherit;}.pum-theme-431 .pum-content + .pum-close,.pum-theme-enterprise-blue .pum-content + .pum-close{position:absolute;height:28px;width:28px;left:auto;right:8px;bottom:auto;top:8px;padding:4px;color:#fff;font-family:inherit;font-size:20px;line-height:20px;border:1px none #fff;border-radius:42px;box-shadow:0px 0px 0px 0px rgba(2,2,2,.23);text-shadow:0px 0px 0px rgba(0,0,0,.23);background-color:rgba(49,91,124,1);}.pum-theme-432,.pum-theme-hello-box{background-color:rgba(0,0,0,.75);}.pum-theme-432 .pum-container,.pum-theme-hello-box .pum-container{padding:30px;border-radius:80px;border:14px solid #81d742;box-shadow:0px 0px 0px 0px rgba(2,2,2,0);background-color:rgba(255,255,255,1);}.pum-theme-432 .pum-title,.pum-theme-hello-box .pum-title{color:#2d2d2d;text-align:left;text-shadow:0px 0px 0px rgba(2,2,2,.23);font-family:Montserrat;font-size:32px;line-height:36px;}.pum-theme-432 .pum-content,.pum-theme-hello-box .pum-content{color:#2d2d2d;font-family:inherit;}.pum-theme-432 .pum-content + .pum-close,.pum-theme-hello-box .pum-content + .pum-close{position:absolute;height:auto;width:auto;left:auto;right:-30px;bottom:auto;top:-30px;padding:0px;color:#2d2d2d;font-family:inherit;font-size:32px;line-height:28px;border:1px none #fff;border-radius:28px;box-shadow:0px 0px 0px 0px rgba(2,2,2,.23);text-shadow:0px 0px 0px rgba(0,0,0,.23);background-color:rgba(255,255,255,1);}.pum-theme-434,.pum-theme-framed-border{background-color:rgba(255,255,255,.5);}.pum-theme-434 .pum-container,.pum-theme-framed-border .pum-container{padding:18px;border-radius:0px;border:20px outset #d33;box-shadow:1px 1px 3px 0px rgba(2,2,2,.97) inset;background-color:rgba(255,251,239,1);}.pum-theme-434 .pum-title,.pum-theme-framed-border .pum-title{color:#000;text-align:left;text-shadow:0px 0px 0px rgba(2,2,2,.23);font-family:inherit;font-size:32px;line-height:36px;}.pum-theme-434 .pum-content,.pum-theme-framed-border .pum-content{color:#2d2d2d;font-family:inherit;}.pum-theme-434 .pum-content + .pum-close,.pum-theme-framed-border .pum-content + .pum-close{position:absolute;height:20px;width:20px;left:auto;right:-20px;bottom:auto;top:-20px;padding:0px;color:#fff;font-family:Acme;font-size:20px;line-height:20px;border:1px none #fff;border-radius:0px;box-shadow:0px 0px 0px 0px rgba(2,2,2,.23);text-shadow:0px 0px 0px rgba(0,0,0,.23);background-color:rgba(0,0,0,.55);}.pum-theme-429,.pum-theme-default-theme{background-color:rgba(255,255,255,1);}.pum-theme-429 .pum-container,.pum-theme-default-theme .pum-container{padding:18px;border-radius:0px;border:1px none #000;box-shadow:1px 1px 3px 0px rgba(2,2,2,.23);background-color:rgba(249,249,249,1);}.pum-theme-429 .pum-title,.pum-theme-default-theme .pum-title{color:#000;text-align:left;text-shadow:0px 0px 0px rgba(2,2,2,.23);font-family:inherit;font-weight:inherit;font-size:32px;font-style:normal;line-height:36px;}.pum-theme-429 .pum-content,.pum-theme-default-theme .pum-content{color:#8c8c8c;font-family:inherit;font-weight:inherit;font-style:normal;}.pum-theme-429 .pum-content + .pum-close,.pum-theme-default-theme .pum-content + .pum-close{position:absolute;height:auto;width:auto;left:auto;right:0px;bottom:auto;top:0px;padding:8px;color:#fff;font-family:inherit;font-weight:inherit;font-size:12px;font-style:normal;line-height:14px;border:1px none #fff;border-radius:0px;box-shadow:0px 0px 0px 0px rgba(2,2,2,.23);text-shadow:0px 0px 0px rgba(0,0,0,.23);background-color:rgba(0,183,205,1);}#pum-15037{z-index:1999999999;}#pum-12035{z-index:1999999999;}#pum-12031{z-index:1999999999;}#pum-453{z-index:1999999999;}